Web 性能分析

Web 性能分析插件安装教程：

Web 性能分析插件简介：

# 性能分析

– 关键性能指标。忽略页面卸载时间、重定向时间。
1. 首包：`responseStart – domainLookupStart`
2. 首次渲染/白屏：`responseEnd – fetchStart`
3. 首次可交互：`domInteractive – fetchStart`
4. DOM Ready：`domContentLoadedEventEnd – fetchStart`
5. 页面加载：`loadEventStart – fetchStart`

– 各阶段指标瀑布流
1. unLoad：`unloadEventEnd – unloadEventStart`
2. Redirect：`redirectEnd – redirectStart`
3. AppCache：`domainLookupStart – fetchStart`
4. DNS：`domainLookupEnd – domainLookupStart`
5. TCP：`connectEnd – connectStart`
6. TTFB：`responseStart – requestStart`
7. 数据传输：`responseEnd – responseStart`
8. DOM：`domContentLoadedEventStart – responseEnd`
9. DCL：`domContentLoadedEventEnd – domContentLoadedEventStart`
10. 资源加载：`loadEventStart – domContentLoadedEventEnd`
11. onLoad：`loadEventEnd – loadEventStart`

– 资源分析
1. 首页资源请求数量、加载大小和域名分布情况。
2. 请求资源域名分布，与各个域名平均耗时。
3. 未设置响应头域名分布情况。
4. http 压缩情况，未压缩分布，缓存命中率。
5. 资源类型情况。
6. 抽样10条最耗时的资源和 ajax 请求。