您可能熟悉以下故事:您花了很多时间阅读有关如何加速您的 WordPress 博客、安装工具和免费插件的文章。然后,您(或您的客户)对其中一个页面进行了看似很小的更改,页面速度突然下降。

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

解决方案是配置 Google Lighthouse 以根据需要对您的 WordPress 网站执行速度审核。设置它可能有点麻烦,但对于高级用户来说并不是那么复杂。在本文中,我们将解释为什么以及如何为您的 WordPress 网站设置 Lighthouse CI。

WordPress测速介绍

首先,让我们仔细看看为什么需要加速测试您的 WordPress 站点,以及可以执行此操作的标准方法。

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

第二个原因稍微有点技术性,但同样重要。自 2010 年以来,谷歌一直将网站速度作为排名信号。因此,网站速度已成为影响页面显示 Google SearchRank 的好坏的一个越来越重要的因素。

因此,Google 自己的 PageSpeed Insights 是 SEO 专家和营销人员常用的关键工具,因为它提供对 Google 搜索算法用来评估页面速度的系统的直接访问。

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

Google Lighthouse 和 WordPress

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

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

然后,您可以使用这些报告可提高网页的整体质量,包括其速度。

虽然您可以直接从 Chrome DevTools 运行 Lighthouse,但该工具的版本会不断更新。这称为 Lighthouse CI,它将是更高级用户需要的 Lighthouse 版本。

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

CI 没有大行其道的原因之一是,仍然有一个广泛的(通常是没有根据的)假设,它会导致严重的安全问题。然而,事实是,由于提供了自动安全实施措施,CI 可以带来更安全的软件系统。

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

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

在 WordPress 中使用 Lighthouse CI

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

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

  • 首先,您将一个新的 GitHub需要设置存储库以跟踪对 WordPress 站点的更改。无论如何,如果您定期测试您网站的速度,设置这样的存储库是跟踪您网站的好方法,无论您是否使用 Lighthouse CI。
  • 接下来,您需要下载 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 服务。

无论您采用哪种方法,请记住速度对网站成功的重要性。确保定期复习。