如何读取Pagespeed Insight数据
Posted: Wed Jan 15, 2025 9:53 am
估计输入延迟
估计的输入延迟（或潜在交互之前的延迟）。它是做什么用的？它准确定义了页面响应用户执行的外部刺激的速度。
这些值必须有不同的解释。 LCP、高，而其他指标的相关性较低。这是官方得分，取自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 中的总阻塞 荷兰 whatsapp 时间 (TBT) 表示首次内容绘制和交互时间 (TTI) 之间的时间，在此期间主线程块大到足以阻止响应。
灯塔v8
请记住，在分析实验室数据时，您可以通过单击显示与 FCP、TBT、LCP 和 CLS 相关的控制的条目来过滤结果。此外，您可以深入分析您可以执行的所有操作，以获得有趣的性能结果。一个具体的例子？
消除阻碍视图的资源
这个概念很简单：浏览器必须加载网页，但Javascript 和 CSS可以阻止这项工作，因为它们假装在显示其余资源之前加载。
即使它们毫无用处也是如此。这就是为什么定义每个步骤很重要。对于初始优化，您可以使用各种 WordPress 插件来执行此操作。我要指出两点：
异步 JavaScript
蜂鸟
来自 Google 的另一个提示：确保您的文本在加载网络字体时保持可见。为此，您可以了解有关我在本文中探讨的字体加载策略的更多信息。
如何跟踪 WordPress 上的数据？
你不想分析每一页，这对我来说似乎很清楚。因此，有一些聚合数据的解决方案。例如，Google Analytics建议提供最慢页面的报告，而Search Console也会执行相同的操作。但最有趣的解决方案之一是WordPress 的 Site Kit 插件。
估计的输入延迟（或潜在交互之前的延迟）。它是做什么用的？它准确定义了页面响应用户执行的外部刺激的速度。
这些值必须有不同的解释。 LCP、高，而其他指标的相关性较低。这是官方得分，取自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 中的总阻塞 荷兰 whatsapp 时间 (TBT) 表示首次内容绘制和交互时间 (TTI) 之间的时间，在此期间主线程块大到足以阻止响应。
灯塔v8
请记住，在分析实验室数据时，您可以通过单击显示与 FCP、TBT、LCP 和 CLS 相关的控制的条目来过滤结果。此外，您可以深入分析您可以执行的所有操作，以获得有趣的性能结果。一个具体的例子？
消除阻碍视图的资源
这个概念很简单：浏览器必须加载网页，但Javascript 和 CSS可以阻止这项工作，因为它们假装在显示其余资源之前加载。
即使它们毫无用处也是如此。这就是为什么定义每个步骤很重要。对于初始优化，您可以使用各种 WordPress 插件来执行此操作。我要指出两点：
异步 JavaScript
蜂鸟
来自 Google 的另一个提示：确保您的文本在加载网络字体时保持可见。为此，您可以了解有关我在本文中探讨的字体加载策略的更多信息。
如何跟踪 WordPress 上的数据？
你不想分析每一页，这对我来说似乎很清楚。因此，有一些聚合数据的解决方案。例如，Google Analytics建议提供最慢页面的报告，而Search Console也会执行相同的操作。但最有趣的解决方案之一是WordPress 的 Site Kit 插件。