Web 性能分析

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