Web 性能分析

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