如何使用 Google Lighthouse 审计来提高速度

您可能熟悉以下故事：您花了很多时间阅读有关如何加速 WordPress 博客的文章，并为此安装了工具和免费插件。 然后你（或你的客户）对你的一个页面做了一个看似很小的改变，你的页面速度突然下降了。

如果你真的想提高你的网站速度，你应该定期检查你的速度，在这种情况下你可以很快发现这个问题。 但是，如果每次您进行更改时都有一种自动检查您的 WordPress 网站速度的方法，那就太好了。 值得庆幸的是，有一个解决方案。

该解决方案是将 Google Lighthouse 配置为按需对您的 WordPress 站点执行速度审核。 设置这个可能有点冗长，但对于高级用户来说也不是那么复杂。 在本文中，我们将解释为什么以及如何为您的 WordPress 站点设置 Lighthouse CI。

WordPress 速度测试简介

首先，让我们仔细看看为什么需要对 WordPress 网站进行速度测试，以及可用于执行此操作的标准方法。

您的网站（无论是否基于 WordPress）需要快速的原因基本上有两个。 一个很简单，普通网络用户的注意力已经很短，47% 的消费者希望网页在不到两秒内加载，如果加载时间过长，他们会很快放弃页面。 因此，减少加载时间对于电子商务商店来说尤其重要。

第二个原因有点技术性，但同样重要。 自 2010 年以来，谷歌一直将网站速度作为排名信号。因此，网站速度已成为影响您的网页在 Google 搜索排名中排名的一个越来越重要的因素。

出于这个原因，Google 自己的 PageSpeed insights 是 SEO 专家和营销人员常用的关键工具，因为它可以直接访问 Google 搜索算法评估页面速度的系统。

这些注意事项同样适用于 WordPress，就像它们适用于在其他平台上运行的网站一样。 正因为如此，并且由于 WordPress 的市场主导地位，现在有多种工具可用于测试您网站的速度。 这些范围从基于浏览器的一次性检查到功能齐全的桌面软件套件，这些软件套件将为您提供 WordPress 网站上每个页面的执行情况的详细信息。

谷歌灯塔和 WordPress

用于评估网站速度和总体质量的最重要和最受欢迎的工具之一是 Google Lighthouse。 直到最近，Lighthouse 几乎完全由开发人员和其他技术人员使用。 但是谷歌一直在努力让普通用户可以使用它，并且由于它提供的高度自动化，它作为一种速度测试工具越来越受欢迎。

Lighthouse 可以针对任何页面运行，无论它是否需要身份验证，也无论它是否在 WordPress 上运行。 它将运行一系列用户定义的测试，然后生成有关页面执行情况的报告。

然后，这些报告可用于提高网页的整体质量，包括它们的速度。

虽然您可以直接从 Chrome DevTools 运行 Lighthouse，但还有一个不断更新的工具版本。 这被称为 Lighthouse CI，并将成为更高级用户需要的 Lighthouse 版本。

在此上下文中，CI 代表持续集成。 这是一种软件开发范式，开发人员不断将软件更新上传到中央存储库，因此用户始终可以访问最新版本。 CI 现在是众多网络技术和行业的标准。 例如，43% 的银行应用程序是使用 COBOL 编程的，这是一种基于 CI 的计算机编程语言。

CI 没有在所有地方流行起来的一个原因是因为仍然有一个广泛的（而且通常是没有根据的）假设它会引起重大的安全问题。 然而事实是，由于提供自动安全实施的实践，CI 可以导致更安全的软件系统。

使用 Lighthouse CI 来审核 WordPress 网站速度的原因也有很多，但其中最有用的是：您可以将 Lighthouse CI 配置为在每次更新或更改网站时自动运行。 这可以使用 Lighthouse 预算来完成，您可以在其中为站点的不同部分定义一些定制的速度测试。

此外，您甚至可以使用此自动化系统来防止将减慢您的站点的更改部署到您（或您的客户）的 WordPress 站点。 这会自动防止代价高昂的更改影响您的 PageRank 分数。

在 WordPress 中使用 Lighthouse CI

设置 Lighthouse CI 以在您的 WordPress 网站上运行的过程并不复杂，但有点复杂。

对于那些正在寻找过程摘要或具有更多技术知识的人，这里是过程的基本概述：

• 首先，您需要设置一个新的 GitHub 存储库来跟踪您的 WordPress 站点的更改。 无论如何，如果您要定期测试网站的速度，那么无论您是否使用 Lighthouse CI，设置这样的 repo 都是跟踪网站的好方法。
• 接下来，您需要下载 Lighthouse CI，并配置它以查找更改。 然后，您可以构建一个 Lighthouse 操作，该操作会在您的 WordPress 网站上每次更改 URL 时自动运行。
• 为了构建该函数，您需要创建一个单独的 Google Cloud Function，它可以使用 XML 站点地图中最近更改的 URL 更新 Lighthouse CI 操作配置，然后将新配置发送到存储库。

此时，您将在您的 WordPress 网站上自动运行一个 Lighthouse CI 实例，并在您计划的更改会使它变慢时提醒您。 从这里，您甚至可以向 GitHub 存储库添加自动操作，以防止此类更改发布到您的站点。

使用 Lighthouse CI 提高 WordPress 网站速度的最佳替代方法是使用内置于您的网络托管中的速度测试工具。 最常见的 WordPress 主机，如 SiteGround 或 Kinsta，带有某些速度测试工具，声称可以将站点速度提高 200% 以上，如果您愿意，也可以与 Lighthouse CI 结合使用。

最后的想法

最终，在您的 WordPress 网站上安装 Lighthouse CI 的目的是让您更好地监督它的表现； 它不会帮助您提高此性能。

如果您不断看到页面超出您的 Lighthouse 性能预算，是时候采取行动了。 通读我们关于如何优化您的 WordPress 页面的指南，或者您甚至可以采取更激烈的步骤来研究可以加速 WordPress 的 CDN 服务。

无论您采用哪种方法，请牢记速度对网站成功的重要性。 确保您定期进行审核。