Web 性能分析

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