Chrome性能分析工具lightHouse用法指南

本文主要讲如何使用Chrome开发者工具linghtHouse进行页面性能分析。

1.安装插件

非常简单,点击右上角的“添加至Chrome”即可。

2.使用方式

1)打开要测试的页面,点击浏览器右上角的lightHouse图标

Chrome性能分析工具lightHouse用法指南

2)在弹出框中,点击“Generate Report”按钮

Chrome性能分析工具lightHouse用法指南

说明:再生成的报告中,每一项都有“learn more”链接按钮,点击该按钮可以查看更多谷歌官网性能文档。

相关参考&内容来源:

插件下载地址:https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk

上一篇:记录一次 @Autowired 无法注入( spring依赖正常 idea显示有spring已注入的图标)导致空指针异常的原因


下一篇:再探@font-face及webIcon制作