Web 性能分析

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