LightHouse是什么？

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 >

然后会生成一个评估的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