首页 开发者工具 Web 性能分析

Web 性能分析

用户数 : 64 分类 : 开发者工具 扩展大小 : 386KiB 最后更新时间 : 2020-07-27 版本 : 1.0
prev extension banner next extension banner
                            # 性能分析

- 关键性能指标。忽略页面卸载时间、重定向时间。
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 请求。
                        
查看更多
下载 如何离线安装? Chrome store

分享

全部评论

    展开更多评论

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功