随着互联网的发展，网站性能也日益受到关注。对于网站性能优化，谷歌提供了一个工具：PageSpeed Insights（PSI）。虽然很实用，但 PSI 是在线服务，可能会遇到访问限制、网站慢等问题，不便于开发者的使用和调试。为此，谷歌推出了 node.js 版本的 PSI：psi-local。
简介
psi-local 是一个基于 node.js 的 package，可以在本地通过命令行工具来检测网站性能，检测项包括：First Contentful Paint、Speed Index、Time to interactive、First Meaningful Paint、First CPU Idle 等指标。psi-local 可以提供更加精准和实时的性能监测数据，方便用户对网站进行性能优化。
安装
使用 npm 安装 psi-local：
npm install -g psi-local
成功安装后，我们就可以在命令行中使用 psi-local 了。
使用
检测单个 URL
psi-local 默认会检测当前目录下的 index.html，我们可以通过以下命令检测单个 URL：
psi-local https://example.com
如果要检查的 URL 需要用户名和密码，可以使用以下命令：
psi-local https://example.com --user=username --password=password
检测本地文件
如果需要检测本地文件，可以使用以下命令：
psi-local file.html
局域网检测
如果需要在局域网中检测一个站点，可以使用以下命令：
psi-local http://192.168.1.1 --no-sandbox --disable-dev-shm-usage
其中，--no-sandbox 和 --disable-dev-shm-usage 选项是必须的，否则无法正常运行。
检测多个 URL
如果需要同时检测多个 URL，可以使用以下命令：
psi-local https://example1.com https://example2.com https://example3.com
输出结果
在命令行中，psi-local 会输出一个 JSON 格式的结果，包括各项检测指标的得分、排名和建议等信息。我们也可以使用以下命令将结果输出到一个指定的文件：
psi-local --output=result.json https://example.com
添加自定义配置
psi-local 支持一些自定义配置，可以通过指定一个 .psi-rc.json 配置文件来使用这些配置。例如：
-- -------------------- ---- -------
-
-------- -----
--------- --------------
----------- ---------
------------- -
-------------- -----
------------------------- -----
----------------- ----
-
-上述示例配置文件中：
- no-h2 表示不使用 HTTP2 协议。
- output 表示将结果输出到 result.json 文件中。
- strategy 表示使用 mobile 策略。
- thresholds 表示各项指标的阈值，如果超过这个阈值就会被认为不合格。
使用以下命令可以加载 .psi-rc.json 配置文件：
psi-local --config=.psi-rc.json https://example.com
结语
通过本文，我们了解了 npm 包 psi-local 的使用教程。psi-local 可以在本地精准地检测网站性能，对于网站性能优化是非常有帮助的。希望本文对大家有所帮助，有任何问题和建议欢迎在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005601381e8991b448de13d