Web 性能分析

- 9. - - api 显示资源加载和 fetchstart` 资源类型情况。 domcontentloadedeventstart` 资源分析 5. 4. 页面加载：`loadeventstart 请求资源域名分布，与各个域名平均耗时。 domainlookupstart` ajax 压缩情况，未压缩分布，缓存命中率。 3. redirect：`redirectend 首次渲染/白屏：`responseend dom dom：`domcontentloadedeventstart unload：`unloadeventend 6. - 10. http - 5. 3. - responseend` 1. unloadeventstart` fetchstart` 2. 使用 首包：`responsestart onload：`loadeventend 2. 未设置响应头域名分布情况。 7. appcache：`domainlookupstart performance 3. - - connectstart` - 性能分析 - - - responsestart` - - 4. 请求耗时。 fetchstart` tcp：`connectend - 5. dcl：`domcontentloadedeventend loadeventstart` redirectstart` domcontentloadedeventend` 首页资源请求数量、加载大小和域名分布情况。 ready：`domcontentloadedeventend - 8. requeststart` - # 各阶段指标瀑布流 处理数据可视化，本地使用本地展示，不会远程收集用户任何数据，展示数据也不会对当前网页造成任何破坏。 1. 首次可交互：`dominteractive ttfb：`responsestart - 关键性能指标。忽略页面卸载时间、重定向时间。 数据传输：`responseend fetchstart` domainlookupstart` fetchstart` 1. 2. 资源加载：`loadeventstart 11. dns：`domainlookupend 6. - 4.