这些数字深入研究了哪些页面表现良好或存在问题。为了结束此部分,我们有一个框,显示收集数据的时间段、访问的持续时间、用户使用的设备、连接和 Chrome 的版本。
Pagespeed Insight 实验室数据
Pagespeed 使用一系列元素来检查和确定页面的性能。特别是,除了现场数据之外,还使用了实验室中获得的数字。与现场记录的数字不同,这些数字伴随着模拟加载演变的页面屏幕截图。
谷歌页面速度实验室数据
Pagespeed Insight 工具的此部分检查了哪些项目?它们是确定页面加载速度所必需的指标。还有稳定性、反应时间和用户体验。但各种条目的含义是什么?他们到底指的是什么?
第一次内容丰富的绘画
浏览器用于显示页面第一个内容的时间。此关键指标指示用户在看到图像或文本字符串之前应等待多少秒。
第一个有意义的油漆
显示对浏览者有用的第一个内容。它不仅仅评估物理存在、文本或视觉效果的外观:此步骤涉及主要可见内容的存在。
速度指数
元素直接链接到第一个和第二个指标。此测量定义了它们加载并向访问网页的人显示的速度。
互动时间
您必须等待才能与页面进行最终交互的时间。检查相关资源的参数,不仅限于记录文本和图像的简单外观。
第一个 CPU 空闲
第一个 CPU 空闲表示人们何时可以与网页元素交互并查询。它可以管理界面另一端的输入。
估计输入延迟
估计的输入延迟(或潜在交互之前的延迟)。它是做什么用的?它准确定义了页面响应用户执行的外部刺激的速度。
如何读取Pagespeed Insight数据
这些值必须有不同的解释。 LCP、TBT 和 CLS 的权重较高,而其他指标的相关性较低。这是官方得分,取自Github网站。
公制 v6 v8 Δ
首次内容绘制 (FCP) 15 10 -5
速度指数(SI) 15 10 -5
最大内容涂料 (LCP) 25 25 0
交互时间 (TTI) 15 10 -5
总阻塞时间 (TBT) 25 30 5
累积布局偏移 (CLS) 5 15 10
关于这些数字你还知道什么? Lighthouse v8 中的总阻塞时间 (TBT) 表示首次内容绘制和交互时间 (TTI) 之间的时间,在此期间主线程块大到足以阻止响应。
灯塔v8
据时,您可以通过单击显示与 FCP、TBT、LCP 和 CLS 相关的控制的条目来过滤结果。此外,您可以深入分析您可以执行的所有操作,以获得有趣的性能结果。一个具体的例子?
消除阻碍视图的资源
这个概念很简单:浏览器必须加载网页,但Javascript 和 CSS可以阻止这项工作,因为它们假装在显示其余资源之前加载。
即使它们毫无用处也是如此。这就是为什么定义每个步 卡塔尔材料 骤很重要。对于初始优化,您可以使用各种 WordPress 插件来执行此操作。我要指出两点:
异步 JavaScript
蜂鸟
来自 Google 的另一个提示:确保您的文本在加载网络字体时保持可见。为此,您可以了解有关我在本文中探讨的字体加载策略的更多信息。
你不想分析每一页,这对我来说似乎很清楚。因此,有一些聚合数据的解决方案。例如,Google Analytics建议提供最慢页面的报告,而Search Console也会执行相同的操作。但最有趣的解决方案之一是WordPress 的 Site Kit 插件。
WordPress 站点套件 - Google 插件
该工具结合了工具中的参数来监控网站的健康状况。在这些不同的工具中,有来自 Google 的 Pagespeed Insights。想看一下吗?这是页面:sitekit.withgoogle.com。下载并安装插件,使用服务登录并享受 WordPress 仪表板中的数据。
Pagespeed 数据准确吗?
Google 的 Pagespeed 检查是通过Lighthouse诊断工具进行的,这是一个山景套件,可以分析可访问性、SEO 和 UX 元素。正是谷歌自己指定了该套件的可能性。它的工具也有具体的局限性:
PSI 提供有关页面的实验室和现场数据。实验室数据对于调试性能问题非常有用,因为它是在受控环境中收集的。然而,它可能无法捕捉现实世界的瓶颈。现场数据对于捕获真实的、现实世界的用户体验非常有用,但指标集更加有限。
谷歌网站
如前所述,Pagespeed 建议实验室和现场数据。前者对于解决性能问题很有用,但可能会忽略阻碍资源加载的瓶颈。同时,现场记录的数据具有有限的指标。
因此,与2021 年 11 月 15 日发布的版本一样,重要的是保持局势脉搏的现场数据与实验室数据之间的协同作用。
https://twitter.com/JohnMu/status/10927 ... wsrc%5Etfw
不要忘记获得不同结果的可能性。约翰·穆勒(John Mueller)建议,产出可以在不做任何改变的情况下改变。因此,将 Google 的 Pagespeed Insights 数据与其他工具(例如Gtmetrix、Pingdom或Speed)进行比较以获取更多信息非常有用。
想在 PSI 上达到 100/100 吗?
这是最大野心之一:在 Google PageSpeed Insights 上达到 100/100。因此通过这个工具优化了Mountain View建议的建议。但这可能吗?它有用吗?
我赞同 John Mueller 的观点:我们使用这个工具不是为了触及 100 中的 100,而是为了改善用户体验。通常,您只是为了满足指标而工作,而忽略了您提供的内容。
这个分数常常是在半空的页面上获得的:如果这是你的目标,那很好,但是你能去掉你的特征来触及这一点吗?永远不要只考虑指标。
阅读:如何以及何时重新设计网站
Pagespeed 的真正用途是什么?
我们是否可以说PSI 数据不正确或多余?不,您必须阅读数据的本质:负责阅读和解释任务的专家手中的有用指示。然后执行必要的活动,为用户获得尽可能好的结果(而不是取悦 Google)。