Lighthouse 是 Google 开发的一款工具,用于分析网络应用和网页,收集现代性能指标并提供对开发人员最佳实践的意见。
1、在chrome开发者工具中使用lighthouse
Lighthouse是直接集成到chrome开发者工具中的,位于‘Audits’面板下。
首先,你得下载安装 了chrome浏览器,相信每个做开发的人员都应该拥有chrome浏览器。
其次,在chrome浏览器中打开你需要测试的网站,按f12进入开发者调试模式,点击‘Audits’选项,看到如下界面:
然后点击“Run audits”,之后就是等待生成评估界面。
2、使用Node Cli
lighthouse依赖node 8或者更高的node版本
首先全局安装lighthouse:
`npm install -g lighthouse
or use yarn:yarn global add lighthouse`然后在终端输入命令,我使用的是百度首页
$ lighthouse <https://www.baidu.com/>
然后会生成一个评估的html页面,直接在浏览器中打开进行查看即可。
file:///Users/xxx/www.baidu.com_2021-02-19_19-39-32.report.html
在这里面你可以看到它给你各个方面的建议,比如图片、css、js这些文件的处理,还有html里面标签的使用,缓存处理等建议,可以根据这些来对网站进行优化。
3、附上Lighthouse的git地址,更为详细的内容,可以去参考git:
https://github.com/GoogleChrome/lighthouse