我可以为我的本地主机网站或离线使用 pagespeed 见解吗？

Question

我可以为我的本地主机网站或离线使用 pagespeed 洞察力吗？

Answer 1

是的。

使用 google chrome 开发工具中的“灯塔”标签。

这是一个很好的入门教程，介绍了如何做到这一点： https://www.youtube.com/watch?v=5fLW5Q5ODiE

编辑：用户izogfif 指出“审核”选项卡已替换为“灯塔”。

Answer 2

另一种运行 Lighthouse 的方法

虽然这是一个老问题，但有另一种方法可以在本地运行 Lighthouse（Page Speed Insights 背后的引擎），在某些情况下可能对人们有用。

您可以很容易地在您的机器上本地安装Lighthouse Command Line Interface (CLI)。

与在开发者工具中使用“灯塔”选项卡相比，这为您提供了一些显着优势。

自动化

首先你可以自动化它。您可以在每次重大更改/提交时运行它，以检查您没有破坏某些东西。

或者，如果您想检查网站上的每个页面，您可以自动执行该操作，如果您有数百个页面，这将非常有用。

存储结果

其次，您会获得完整的 JSON 响应（或 CSV 或 HTML 报告，您可以选择），因此您可以将部分（或全部）审计结果存储到每个页面的数据库中，并查看是否有任何页面表现不佳，或者您是否正在改善或破坏您的网页性能。

定制

您也可以在运行测试时设置自己的参数。

例如，我喜欢将“cpuSlowdownMultiplier”设置得非常高（8 或 10），因为我有一个不错的 CPU，并且我想捕捉在较慢的设备上可能会错过的任何瓶颈/长时间任务。这非常有助于让您意识到您的（我的！）JavaScript 是多么的草率！

您还可以在运行前传递标题、set cookies（目前有点困难，但他们正在处理的事情）等。

您甚至可以使用--disable-storage-reset 查看网站在用户已经缓存图像等的后续页面访问时如何响应（您可以在开发人员工具的 Lighthouse 选项卡中执行此操作，因此可能不是一个好理由） .

由于您获得原始计时数据，因此您还可以根据需要设置自己的标准。

木偶师

锦上添花的是，您可以使用puppeteer（或类似名称）来自动执行复杂的任务。

假设您想检查一个只有在您登录后才能访问的页面，use puppeteer to log in and then run lighthouse。

那么我应该使用哪个？

如果您要定期测试/想要自动化测试，我会提倡使用 CLI，开发者工具版本用于快速和肮脏的检查/不经常测试。

我个人花了大约一个小时来安装和习惯 Lighthouse，但我还必须安装并学习如何使用 nodeJS (npm) 命令行将 lighthouse 安装到我的项目中（是的，我是一个学习缓慢的人！） .

如果我不必学习，可能需要 5 分钟来安装和运行您的第一个测试。

安装 CLI 后，使用它实际上非常简单。

唯一的缺点是您需要每隔几个月更新一次，这在浏览器中是自动的。但是即使那样，这对我来说也是积极的，因为如果您使用旧版本随着时间的推移进行比较可能会有用。

哦，你也可以在远程站点上运行它，这样你就可以从你自己的机器上自动测试生产站点（如果你离 PSI 服务器很远并且想知道你的站点在您当地的社区）。

如果您的登台服务器仅允许列入白名单的 IP 地址并希望在该服务器上进行测试，这也非常有用（同样可以使用开发者工具 Lighthouse 完成，但对批量测试等很有用）