Web 性能分析

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