使用技巧

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

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

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

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

WordPress速度测试简介

为什么页面速度很重要

首先,让我们仔细研究一下为什么需要加快测试WordPress网站的速度,以及可以执行此操作的标准方法。

您的网站(无论是否基于WordPress)需要快速运行的主要原因有两个。 一个简单的原因是,普通Web用户的注意力范围已经很短了, 47%的消费者 期望网页在不到两秒钟的时间内加载,如果加载时间太长,他们会迅速放弃该页面。 因此,减少加载时间特别是对于电子商务商店而言至关重要。

第二个原因是技术性稍强,但同样重要。 Google一直在利用 网站速度作为排名信号 自2010年以来。结果,网站的速度已成为页面显示Google SearchRank的重要程度越来越重要的因素。

因此,Google自身的PageSpeed洞察力是关键工具 SEO专家常用 和营销人员,因为它可以直接访问Google搜索算法用来评估网页速度的系统。

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

Google Lighthouse和WordPress

Google Lighthouse

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

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

Google Lighthouse CI报告

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

虽然您可以直接从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网站速度的最佳替代方法是利用Web托管内置的速度测试工具。 最常见的WordPress主机,例如 SiteGround 要么 金斯塔,附带某些声称可以将站点速度提高200%以上的速度测试工具,如果您愿意,也可以与Lighthouse CI结合使用。

最后的想法

最终,在您的WordPress网站上安装Lighthouse CI的目的是让您更好地监督其性能; 它不会帮助您提高性能。

如果您持续看到页面超出您的Lighthouse性能预算,那么该采取行动了。 阅读有关如何优化WordPress页面的指南,或者您甚至可以采取更为艰巨的研究步骤 CDN服务 可以加快WordPress的速度。

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