如何使用新的 GTmetrix(特色灯塔)检查 WordPress 网站速度

技术教程 2021年11月6日
1935 0

GTmetrix 现在由 Lighthouse 提供支持，提供更能反映用户感知的页面性能测试结果他们的网站加载速度有多快.

任何想要继续经营的企业都知道拥有一个快速加载的网站至关重要.加载速度快的网站会留住更多访问者，并在 搜索引擎 Google 中表现得更好.

我们已经写了许多关于如何加速 WordPress 和 修复 WordPress 页面的文章速度问题使用免费页面速度测试工具.

其中一个工具是 GTmetrix.

GTmetrix test results
新的 GTmetrix 报告.

新的 GTmetrix 报告 旨在帮助您评估页面的用户体验并查看结构和性能，即页面在加载、交互性和视觉稳定性等方面对用户的实际表现如何.

新重新设计的报告的主要区别在于 GTmetrix 已将其 PageSpeed/YSlow 库替换为 Lighthouse，这是 Google 的开源工具被视为现代网络性能数据和指标的行业标准.

在这篇文章中，我们将看到:

使用新的 GTmetrix 工具

GTmetrix 可免费用于生成基本但非常有用的网站加载速度报告.

只需前往 GTmetrix.com 并输入您的网站或页面 URL，然后点击测试按钮.

GTmetrix Page Speed Test
输入要测试的网站或页面的网址.

几秒钟后将自动生成报告.

GTmetrix report.
GTmetrix 报告.

以前，GTmetrix 报告侧重于您的页面在速度方面的构建情况(即其结构)，而不是从用户的角度来看它的加载速度.这导致网站有时会获得很高的 PageSpeed/YSlow 分数和缓慢的完全加载时间.

Good PS/YS scores, Bad Fully loaded time.
该网站为用户提供的体验是好是坏? (来源:GTmetrix 博客.)

随着现代网站开始采用更高效的页面加载策略，

完全加载时间(即页面完全加载需要多长时间)也不再作为衡量网站性能的指标有用(例如客户端渲染).

新的 GTmetrix 报告使用名为 GTmetrix Grade 的新评分系统，反映了您的页面为用户加载的速度以及它的性能表现.

GTmetrix grade.
GTmetrix 等级.

这是基于由新的性能和结构得分(70% 性能得分 + 30% 结构得分)和添加的新标签、可视化、图表和更深入的见解组成的加权等级.

GTmetrix tabs.
GTmetrix 标签.

如前所述，新的 GTmetrix 工具与其旧的Legacy报告的显着不同在于它用(Google 拥有的)Lighthouse 分析和性能数据取代了 PageSpeed/YSlow.

这提供了对网页用户体验的评估，并跟踪用户实际体验和关心的各种里程碑的时间，然后在三个关键领域对这些指标中的每一个进行评分:

  • 加载性能(总分的 55%).这包括以下指标:
    • 首次内容绘制 (15%) – 衡量浏览器开始显示您网站的第一个元素之前经过的时间.
    • 速度指数 (15%) – 显示您的页面内容被明显填充的速度.
    • 最大的内容绘制 (25%) – 衡量如何页面上最大的内容元素(例如特色图片或标题文本)需要很长时间才能加载到用户的视口中.
  • 互动性(总分的 40%).
    • 交互时间 (15%) – 衡量用户与页面上的内容(例如点击链接、在输入字段等中输入文本)
    • 总阻塞时间 (25%) – 衡量在页面加载过程中，脚本阻止页面响应用户输入(例如鼠标点击、屏幕点击或键盘按下)的总时间.
  • 视觉稳定性(总分的 5%).
    • Cumulative Layout Shift (5%) – 衡量您网站的内容布局在加载时发生变化(例如，延迟加载的广告会在内容加载后向下推，从而对用户体验产生负面影响).
GTmetrix Lighthouse performance data.
GTmetrix 现在整合了 Lighthouse 性能数据.

使用 Core Web Vitals 来改善您的搜索引擎结果

GTmetrix 还在其报告中显示另一组指标，称为Web Vitals.

GTmetrix Web Vitals.
GTmetrix Web Vitals.

大多数网站访问者并不关心加载整个网站需要多长时间，而是关心他们多久可以开始与您呈现给他们的页面上的内容互动.

如该功能的信息工具提示所述，

Web Vitals 代表一小组核心指标，这些指标表明您是否正在为访问者提供快速且(Google 称之为)愉快的体验.在进行更深入的优化之前，首先关注这些有影响的指标.

Core Web Vitals 包含三个不同的指标(请参阅上一节的简要说明):

  • 最大内容绘制 (LCP) – GTmetrix 建议将 LCP 设为 1.2 秒或更短，以提供良好的用户体验，
  • 总阻塞时间 (TBT) – GTmetrix 建议将 TBT 设为 150 毫秒或更短.
  • 累积布局偏移 (CLS) – GTmetrix 建议将 CLS 分数设为 0.1 或更低.

Core Web Vitals 是衡量网站访问者如何看待网站性能的重要指标.这些关键指标将您网站的性能与用户体验和 Google 认为它们非常重要，可以从 2021 年 5 月开始将其作为 SEO 排名因素纳入.

据 Google 称，Core Web Vitals 将影响移动和桌面结果，并在确定您的内容是否出现在 Top Stories 中发挥重要作用.

GTmetrix、蜂鸟和 Smush

如果您使用我们的 Hummingbird 和 Smush 插件来优化 WordPress 速度和图像，您应该找到新的 GTmetrix 报告的 Lighthouse 数据和指标在运行我们的插件扫描后更加可操作.

这是因为我们的插件和 GTmetrix 现在都遵循 Google 的 PageSpeed Insights 建议，这些建议源自 Lighthouse 数据.

Hummingbird 的扫描和 Smush 的设置反映了 Google 的 PageSpeed 测试并自动执行了许多修复和建议，而 GTmetrix 使用来自 Google Pagespeed Insights 的最新 API 来创建和编译其报告.

Hummingbird Improvement Recommendations.
GTmetrix 报告现在更接近 Hummingbird 的改进建议，其如下基于 Lighthouse 数据的 Google PageSpeed Insights.

有关改进 Google PageSpeed Insights 建议的更多信息，请参阅我们的性能优化指南和以下教程:

您会获得完美的 100 分吗?

我不想为你破坏这里的结局，但你可能永远不会得到完美的 100！

我们已经尝试并发现，要在网页速度测试结果上获得完美的分数存在很多挑战.

以下是我们撰写的一些文章，内容涉及根据 GTmetrix、Google PageSpeed Insights 等工具的建议优化 WordPress 网站以提高速度的挑战:

另外，一定要看看我们关于提高 WordPress 性能的视频系列:

立即扫描您的网站，祝您 WordPress 优化愉快！

gtmetrix(1)加载(14)页面(70)
♥赞5

相关文章

发表回复