如何使用 Google Lighthouse 审计来提高速度
您可能熟悉以下故事:您花费大量时间阅读有关如何加快 WordPress 博客的速度,并为此安装工具和免费插件。 然后您(或您的客户)对您的一个页面进行看似很小的更改,您的页面速度突然下降。
如果您认真对待提高网站速度,您应该定期检查您的速度,在这种情况下,您可以很快发现这个问题。 但是,如果每次进行更改时都有一种自动检查 WordPress 网站速度的方法,那就太好了。 值得庆幸的是,有一个解决方案。
该解决方案是配置 Google Lighthouse 以根据需要对您的 WordPress 网站进行速度审核。 设置它可能有点冗长,但对于高级用户来说也不是那么复杂。 在本文中,我们将解释为什么以及如何为您的 WordPress 网站设置 Lighthouse CI。
WordPress 速度测试简介
首先,让我们仔细看看为什么您需要加速测试您的 WordPress 网站,以及可用于执行此操作的标准方法。
您的网站(无论是否基于 WordPress)需要快速运行基本上有两个原因。 一是普通网络用户的注意力已经很短了,47%的消费者期望一个网页在两秒内加载完毕,如果加载时间过长他们会很快放弃一个页面。 出于这个原因,减少加载时间对于电子商务商店来说尤其重要。
第二个原因有点技术性,但同样重要。 谷歌一直在利用 网站速度作为排名信号 自 2010 年以来。因此,网站的速度已成为影响您的网页在 Google SearchRank 上排名的一个越来越重要的因素。
出于这个原因,谷歌自己的 PageSpeed 洞察力是一个关键工具 SEO专家常用的 和营销人员,因为它可以直接访问谷歌搜索算法评估页面速度的系统。
这些注意事项适用于 WordPress,就像它们适用于在其他平台上运行的网站一样。 正因为如此,并且由于 WordPress 的市场主导地位,现在有几种工具可用于测试您网站的速度。 这些范围从基于浏览器的一次性检查到功能齐全的桌面软件套件,这些套件可以让您详细了解 WordPress 网站上每个页面的执行情况。
谷歌灯塔和 WordPress
评估网站速度和总体质量的最重要和最流行的工具之一是 谷歌灯塔. 直到最近,Lighthouse 几乎只被开发人员和其他技术人员使用。 但是谷歌一直在努力让普通用户可以访问它,并且由于它提供的高度自动化,它作为一种速度测试工具越来越受欢迎。
Lighthouse 可以针对任何页面运行,无论它是否需要身份验证,也无论它是否在 WordPress 上运行。 它将运行一系列用户定义的测试,然后生成有关页面执行情况的报告。
然后可以使用这些报告来提高网页的整体质量,包括它们的速度。
虽然您可以直接从 Chrome DevTools 运行 Lighthouse,但该工具还有一个版本会不断更新。 这被称为 Lighthouse CI,将是 Lighthouse 的版本 更高级的用户需要.
在这种情况下,CI 代表持续集成。 这是一种软件开发范例,其中软件更新由开发人员不断上传到中央存储库,因此用户始终可以访问最新版本。 CI 现在是众多网络技术和行业的标准。 例如,43% 的银行应用程序 用 COBOL 编程,一种基于 CI 的计算机编程语言。
CI 之所以没有在所有地方流行起来的一个原因是,仍然有一个普遍的(而且通常是没有根据的)假设,即它会引发重大的安全问题。 然而事实是,由于提供自动化安全实施的做法,CI 可以带来更安全的软件系统。
使用 Lighthouse CI 来审核 WordPress 站点的速度还有很多原因,但其中最有用的是:您可以将 Lighthouse CI 配置为在每次站点更新或更改时自动运行。 这可以使用 Lighthouse 预算来完成,您可以在其中为站点的不同部分定义许多定制的速度测试。
此外,您甚至可以使用这个自动化系统来防止会减慢您的网站部署到您(或您的客户)WordPress 网站的速度。 这会自动防止代价高昂的更改影响您的 PageRank 分数。
将 Lighthouse CI 与 WordPress 结合使用
设置 Lighthouse CI 以在您的 WordPress 网站上运行的过程并不复杂,但 这有点涉及.
对于那些正在寻找流程摘要或具有更多技术知识的人,以下是流程的基本大纲:
- 首先,您需要设置一个新的 GitHub 存储库来跟踪您的 WordPress 站点的更改。 如果您要定期测试网站的速度,那么无论您是否使用 Lighthouse CI,设置这样的存储库都是跟踪您的网站的好方法。
- 接下来,您需要下载 Lighthouse CI,并对其进行配置以查找更改。 然后,您可以构建一个 Lighthouse 操作,该操作在您的 WordPress 网站上每次更改 URL 时自动运行。
- 为了构建函数,您需要创建一个单独的 Google Cloud 函数,该函数可以使用 XML 站点地图中最近更改的 URL 更新 Lighthouse CI 操作配置,然后将新配置发送到存储库。
此时,您将在 WordPress 站点上自动运行一个 Lighthouse CI 实例,并在您计划的更改使其变慢时提醒您。 从这里,您甚至可以向 GitHub 存储库添加自动操作,以防止将此类更改发布到您的站点。
使用 Lighthouse CI 提高 WordPress 网站速度的最佳替代方法是使用内置于您的网络托管中的速度测试工具。 最常见的 WordPress 主机,例如 SiteGround 或 Kinsta,带有某些速度测试工具,声称可以将网站速度提高 200% 以上,如果您愿意,也可以与 Lighthouse CI 结合使用。
最后的想法
最终,在您的 WordPress 网站上安装 Lighthouse CI 的目的是让您更好地监督它的性能; 它不会帮助您提高此性能。
如果您不断看到页面超出 Lighthouse 性能预算,那么是时候采取行动了。 阅读我们关于如何优化 WordPress 页面的指南,或者您甚至可以采取更激进的步骤来研究可以加速 WordPress 的 CDN 服务。
无论您采用哪种方法,请记住速度对您的网站成功的重要性。 确保您定期进行审核。