21

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

4

2 回答 2

41

是的。

使用 google chrome 开发工具中的“灯塔”选项卡。

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

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

于 2019-03-20T13:24:14.737 回答
1

运行 Lighthouse 的另一种方法

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

您可以很容易地在您的机器上本地安装Lighthouse 命令行界面 (CLI) 。

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

自动化

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

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

存储结果

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

定制

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

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

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

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

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

傀儡师

锦上添花的是，您可以使用puppeteer（或类似工具）来自动化复杂的任务。

假设您想检查一个只有在您登录后才能访问的页面，使用 puppeteer 登录然后运行 ​​lighthouse。

那么我应该使用哪个？

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

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

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

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

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

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

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

于 2020-10-24T09:25:51.673 回答