什么是 lighthouse?
Lighthouse 是 Google 出品的一款开源工具，它主要用于网页性能评估及优化。通过使用 Lighthouse 可以对网页的性能、可访问性、最佳实践及 SEO（搜索引擎优化）等方面进行评估，并提供相应的优化建议，帮助网站持续进行优化。
lighthouse 快速上手
在使用 Lighthouse 之前，我们需要确保已经安装了 Node.js 和 npm 包管理器。
安装 lighthouse
我们可以使用 npm 包管理器来安装 Lighthouse，只需要在命令行中输入以下命令即可：
npm i -g lighthouse
使用 lighthouse
我们可以通过命令行来使用 Lighthouse，只需要在命令行中输入以下命令：
lighthouse https://www.example.com --view
这里我们以 https://www.example.com 为例，当我们输入完以上命令后，Lighthouse 会开始对该网站的性能、可访问性、最佳实践及 SEO 方面进行评估，并在评估结束后自动打开浏览器，展示评估结果。
定制 lighthouse
Lighthouse 可以通过定制配置文件来对网站进行定制化评估。我们可以通过以下步骤来进行定制化评估：
1. 创建配置文件
我们可以使用 --save-config 参数来保存默认的配置文件，输入以下命令：
lighthouse https://www.example.com --save-config
命令执行结束后，在当前目录下会生成一个名为 lighthouse-config.js 的文件，这就是我们的默认配置文件。
2. 修改配置文件
在生成的默认配置文件中，我们可以对评估的指标进行修改。例如，我们可以修改 settings 下的 onlyCategories 选项来定制我们所关心的评估指标。修改完成后，保存文件。
3. 使用定制化配置文件
我们在使用 Lighthouse 时，只需要在命令行中指定使用我们自己的配置文件即可。输入以下命令：
lighthouse https://www.example.com --config-path=./my-config.js --view
这里我们将 lighthouse-config.js 文件重命名为 my-config.js 并保存在当前目录下，再次执行命令时就会使用新的定制化配置文件。
使用 lighthouse programmatically
我们也可以通过编写 JavaScript 代码来使用 Lighthouse。以下是一个示例：
-- -------------------- ---- -------
----- ---------- - ----------------------
----- -------------- - ---------------------------
------ -- -- -
----- ------ - ----- ----------------------------------- -----------------
----- ------- - -
--------- -------
------- -------
--------------- ----------------
----- -----------
--
----- ------------ - ----- ------------------------------------- ---------
---------------------------------
----- --------------
-----结语
Lighthouse 是一款非常强大的工具，通过使用它我们可以轻松地对网站进行评估和优化。当然，我们还可以通过它的定制化配置和编程接口，对评估过程进行更加精细的控制。如果您是一名前端开发者，那么 Lighthouse 绝对是一款不可错过的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57075