Kis*_*hor 5 web-testing google-website-optimizer pagespeed-insights
我可以在我的本地主机网站或离线网站上使用Pagespeed见解吗？
And*_*ias 12
是。
使用Google chrome开发工具中的“审核”标签。
这是一个很棒的入门教程，说明如何做到这一点：https : //www.youtube.com/watch?v=5fLW5Q5ODiE
尽管这是一个老问题，但还有一种在本地运行 Lighthouse（Page Speed Insights 背后的引擎）的替代方法，这在某些情况下可能对人们有用。
您可以非常轻松地在计算机上本地安装Lighthouse 命令行界面 (CLI) 。
与使用开发人员工具中的“Lighthouse”选项卡相比，这为您提供了一些显着的优势。
首先，您可以将其自动化。您可以让它在每个重大更改/提交时运行，以检查您没有破坏某些内容。
或者，如果您想检查网站上的每个页面，您可以自动执行此操作，如果您有数百个页面，这非常有用。
其次，您将获得完整的 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 完成，但对于批量测试等很有用）
| 归档时间： |
|
| 查看次数： |
2263 次 |
| 最近记录： |