Web 性能分析

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