Google PagesPeed Insights：平衡分数与站点功能的初学者指南

每一秒都在线计算，您的网页速度直接影响SEO性能，流量和转换。清楚了解您网站的性能的最简单方法是在Google PagesPeed Insights（Google PSI）上对其进行测试。

这是一个免费的网络性能分析工具，可提供总体得分（分别为100个）和可行的技巧，以提高您的性能。锦上添花的是，您会在几秒钟内获得结果！

普通神话： “我需要在PSI上得分100/100才能拥有一个快速的网站。”

这是一个普遍的误解。虽然高分很不错，但最重要的是通过Google PSI的核心网络生命力（CWV）评估。

但为什么？

Core Web Vitals是Google创建的三个指标，以衡量页面上的真实用户体验。这些指标已成为Google核心排名系统的一部分，直接影响您对搜索引擎的可见性。

本指南将帮助您在应用Web Performance最佳实践和维护对访问者重要的功能和设计之间找到适当的平衡。

什么是Google PagesPeed Insights？

PagesPeed Insights（PSI）是由Google创建的免费工具，可分析网页的性能，并为改进提供具体的建议。它提供了性能得分以及基于灯塔指标的详细反馈。 Lighthouse是一种开源工具（也由Google开发），旨在改善网页的质量和用户体验。

这是您可以在Google PSI上找到的全球分数的示例，也是一些重要的指标：

Google PagesPeed Insights中使用的关键灯塔指标

Google PSI使用灯塔来计算性能得分。这些分数主要基于核心网络生命值和其他重要指标，这些指标有助于评估用户体验和加载行为。

对于每个KPI，以下是要分数的颜色：

• 0至49（红色）：糟糕

• 50至89（橙色）：需要改进

• 90至100（绿色）：好

这是指标。

1. 最大的内容涂料（LCP）告诉您主内容负载的速度。

示例：当博客文章的英雄图像和标题清楚地显示在屏幕上时。

2. 与下一个油漆的互动（INP）指示您的网站在某人单击或TAPS时的反应速度。

示例：您点击“添加到购物车”，然后按钮立即响应，或者可能有一个小滞后。

3. 累积布局偏移（CLS） 衡量加载时页面的稳定性。

示例：当布局移动（如广告）时，您即将单击链接，然后不小心点击其他内容。

4. 首先内容涂料（FCP）计算时间，直到出现内容的第一位。

示例：落在页面上后不久出现徽标。

5. 是时候第一个字节（TTFB） 指示服务器响应需要多长时间。

示例：您单击一个链接，并且在任何内容开始加载之前都有停顿。

6. 总阻塞时间（TBT）分析了浏览器响应输入所需的时间。

示例：该页面看起来已加载，但没有立即对您的滚动或单击。

7. Speed Index（SI）告诉您页面上的所有内容在视觉上看起来很快。

示例：内容填充平滑而不是在块中加载。

为什么核心网络生命值评估比性能得分更重要

核心Web Vitals（CWV）是Google排名信号的一部分，这意味着它们可以影响您的SEO以及您的网站在Google上的排名。在CWV评估上取得“良好”分数的任何努力都意味着您的网站为您的访问者提供快速，稳定和响应的体验，搜索引擎将为您带来奖励。

核心Web Vitals优化对WordPress机构也很重要。他们中的大多数人致力于交付在绿色中得分的网站。例如，在里昂，有Agence KN。它的创始人托马斯·鲍德里（Thomas Baudry）解释说：

核心网络生命值是我们质量方法的核心：我们在开发过程中定期测试它们，以确保性能和光滑的用户体验。就在上线之前，我们激活WP火箭以最大化结果。我们始终与客户共享PagesPeed Insights分数，以及性能保证：性能和可访问性的90多分，最佳实践和SEO的100分。

诊断部分：可行的提示，以提高网站的性能

PagesPeed Insights提供了一个详细的诊断部分，列出了特定的操作，以提高网站的性能。它标记了问题，解释了它们为什么重要，并建议您应采取什么措施来解决问题。 PSI检测到您的网站何时建立在WordPress上，有时建议您使用插件轻松解决一些审核问题。

这是Web性能诊断部分的一个示例，其中包含应完成的工作列表，例如减少未使用的JavaScript，消除渲染障碍资源并启用文本压缩。

解决问题后，它将移至通过的审核部分并变为绿色。

通过平衡的镜头阅读Google PSI

Google PagesPeed Insights可帮助您确定哪些元素会影响性能以及如何修复它们，而不是删除它们。

例如，诸如聊天小部件，滑块和嵌入式视频之类的功能功能为您的网站增加了价值，但是它们通常是资源繁重的，如果不正确优化，它们可能会损害性能。

想象一下，PSI会标记您的主页滑块。

它可能突出显示：

• 图像未压缩或正确优化

• 图像未以下一代格式（例如WebP或AVIF）提供

• 未使用的CSS正在增加负载时间
  

PSI并不建议您删除滑块。取而代之的是，它指出，图像需要为网络做好更好的准备：正确的格式，合适的尺寸和良好的压缩。

可以使用专门设计用于删除不必要的代码的在线工具或WordPress插件清理未使用的CSS。这些Web性能优化完成后，再次运行测试；您可能会发现问题已解决或改进。

WPCHEF.FR的WordPress专家Nicolas Richer说：

在Google PSI上获得70或80已经是一个好兆头：您知道您已经做得很好！问题是，实验室数据与用户如何真正体验您的网站之间存在真正的区别。请记住，与简单的小册子网站相比，某些网站（例如复杂的WooCommerce商店或页面建设者繁重的网站）的绿色分数可能会更加困难。因此，如果您的分数在橙色中，请不要惊慌。将事情置于上下文中；这仍然可能意味着您的网站的优化不佳。最后一件事是：移动性能最重要，因此请确保从“移动”选项卡进行测试。桌面是次要的。

什么影响您的Google PSI分数

这5个常见问题通常会损害您的Google PSI分数，并对您的整体绩效结果产生最大影响：

1。缺乏缓存和压缩

如果没有适当的缓存和文本压缩，您的网站就必须每次从头开始重新加载所有内容，增加服务器负载并放慢页面交付。

示例：一个没有浏览器缓存的站点使每个返回的访问者都会重新下载整个CSS和JS文件，即使它们没有更改。这会减慢您的网站，Google PSI确定了改进的空间。

2。不优化的代码（CSS和JS）

肿的或未使用的CSS和JavaScript文件可以延迟您的主要内容出现的速度。

示例：一个主页上加载了600 kb未使用的JavaScript延迟，在移动设备上呈现几秒钟的可见内容。 Google PSI可能会要求您优化JS并优先考虑基本脚本。

3。大图像和视频

重型媒体文件加载需要更长的时间，尤其是在较慢的连接上，都会影响速度和视觉稳定性。

示例：以JPG格式的3 MB英雄图像导致最大的内容加载，但最大的内容涂料（LCP）度量失败。 Google PSI可能建议您压缩此图像并将其转换为较轻的格式，例如WebP或AVIF。

4。太多的外部HTTP请求（包括第三方脚本）

每个外部请求都会为浏览器添加更多工作，尤其是当文件托管在慢速或遥远的服务器上时。

示例：多个第三方脚本，例如广告，聊天小部件和社交供稿块渲染并拖延您的Google PSI分数。

5。插件过多或管理不良

太多的插件，尤其是过时或效率低下的插件，可能会膨胀您的代码并相互冲突，从而降低性能。

示例：一个具有20多个活动插件的WooCommerce商店包括冗余脚本和样式，这些脚本和样式减慢了每个页面加载。 Google PSI可能会要求您减少未使用的代码或最大程度地减少主线程工作。

Google PSI的实用优化以普通英语

Google PagesPeed Insights通常会向您提供技术术语，但这是它们真正的含义以及如何使用两个WordPress插件轻松修复它们：WP Rocket和Fimify。这些工具共同解决PSI标记的大多数问题，并帮助您更轻松地达到绿色分数。

WP Rocket是WordPress最强大但最简单的性能插件，可以立即改善您的核心网络生命线。激活后，它应用了80％的Web性能最佳实践，例如缓存，压缩，缩小和懒惰的加载。您无需触摸一行代码。对于高级调整，您可以简单地启用性能功能，例如延迟的JavaScript加载或一键删除未使用的CSS。

想象是WordPress最简单的图像优化插件。它可以在没有质量损失的情况下压缩您的图像，并自动将其转换为WebP和Avif等下一代格式。结果：较小的图像文件，更快的加载时间和更平滑的用户体验，而无需举起手指。

现在，您了解了这两种工具的更多信息，让我们看看它们如何帮助修复和优化一些PSI建议。

1。实施缓存

Google PSI的性能警告：通过有效的缓存策略提供静态资产。

它的含义是：保存您的网站页面版本，以便为反复访问者加载更快。

WP Rocket会自动进行。激活插件时，在台式机和移动设备上启用了缓存。

2。启用压缩

Google PSI中的性能警告：启用文本压缩。

它的含义是：将文件缩小文件，例如HTML，CSS和JavaScript，然后将其发送到浏览器。

WP Rocket可以自动启用GZIP压缩，以减少文件大小和加载时间。

3。代码缩小

Google PSI中的性能警告：缩小CSS和JS。

这意味着：在代码中删除不必要的字符（例如空格或评论），以使其更轻。

WP Rocket自动减小CSS和JavaScript文件。

4。消除渲染阻滞资源

Google PSI的性能警告：消除渲染阻滞资源。

它的含义是：防止某些脚本或样式延迟网站的可见部分。

WP Rocket使用“ LOAD JS延期”，“延迟JS执行”和“删除未使用的CSS”选项来解决此性能问题。

5。实施懒惰加载

Google PSI中的性能警告：推迟屏幕图像。

它的含义是：仅当用户向其滚动时，加载图像，视频和iframe。

WP Rocket包括一个懒惰功能，您可以单击一次。它通过推迟屏幕外元素的加载来提高加载速度，包括图像，CSS背景图像，视频和iFrame，直到用户向它们滚动。

6。以下一代格式提供图像

Google PSI中的性能警告：以下一代格式提供图像。

它的含义是：使用诸如WebP或AVIF之类的现代格式，而不是较旧的，例如JPG或PNG等较重的格式。

Fmimify会自动将您的图像转换为WebP，并为您提供将其转换为AVIF的选项。该插件使用智能压缩模式，该模式可以压缩图像，同时保持视觉质量完整。

如何将Google PSI用于您的网站

请按照以下6个步骤正确准备，保持批判性的注意，并采取分步方法来改善网站的性能：

1。了解您的需求和网站类型

从您的网站的目的开始：它是内容丰富，注重图像，电子商务还是简单的博客？期望和要求大不相同。一个带有一些帖子的个人博客与具有列表，地图集成和用户生成的内容的房地产平台的需求相同。在潜入性能报告之前，请记住此上下文。

2。去Google PSI并输入您的URL

前往PagesPeed Insights并粘贴网站的URL以启动审核：

3。仔细解释结果

使用PSI来识别改进的领域，但不要盲目地删除对业务必不可少的功能。

示例：如果您运行房地产网站并将psi标记为javaScript较重的地图集成，那并不意味着您应该将其删除。聊天插件或出售房屋的高质量图像也是如此。优化这些功能，而不是删除它们。

4。采取行动并开始优化

有了正确的工具和插件，改善核心网络生命力并解决PSI问题变得更加容易。

如果您的报告显示了图像问题，例如“以下一代格式使用图像”或“有效编码图像”或“缩小JS”，“以有效的高速缓存策略服务静态资产”，请尝试使用Fimify和WP Rocket来修复它们。

重复PagesPeed Insights标记的每个问题的步骤，您的核心网络生命力肯定会改善。

5。监视您的更改

几天或几周后，进行另一项PSI测试以跟踪改进。您还可以监视您的SEO进度 - 检查您的排名是否有所提高，因为您的核心网络生命值绿色。

6。与真实用户进行测试

超越数字。向您的访客或客户询问他们的经历：

• 弹出窗口太多了吗？

• 采购过程平稳吗？

• 网站感觉快吗？

在您的网站收集了足够的流量之后，PSI还将开始显示现场数据，这意味着基于实际用户行为的现实世界绩效指标。

随时保存此备忘单以供以后进行，这样您就会知道在决定进行第一个审核时该怎么办：

超越Google PSI测试的替代工具

虽然Google PagesPeed Insights是一个很好的起点，但其他两个Web性能工具在更深入的性能测试中脱颖而出：GTMetrix和WebPageTest。两者都提供了更多的颗粒数据和自定义选项，这些选项超出了PSI在Web性能监视方面提供的内容。

用GTMetrix测试性能

GTMETRIX是一个免费的工具，也由灯塔提供动力。它是了解每个资源如何影响性能以及站点在不同条件下的行为的理想选择。像Google PSI一样，它显示了所有关键的Web性能指标（包括核心网络生命力），但它走得更远。

GTMETRIX提供了详细的见解，例如以秒为单位的满载时间，总页面重量以及内容类型（JavaScript，Images，css等）的分解以及可视瀑布图表，可让您确切查看每个元素的何时以及如何加载。您还可以并排测试多个URL，以比较结果并模拟40多种移动设备和多种连接类型（4G，LTE等）。

用WebPagetest测试性能

WebPagetest是一个免费的工具，可提供用于深入分析的高级功能，并且在开发人员的灵活性和详细见解方面是最受欢迎的功能。它提供瀑布图表和完整的内容故障，以帮助您确切了解页面的加载方式。

您可以在视觉上比较多个URL甚至导出性能报告，使其非常适合与客户进行更深入的分析或共享。 WebPageTest每月支持300次免费测试，可让您访问30多个全球测试地点。它还使您可以在所有主要浏览器和连接速度上进行测试，以更准确地模拟现实情况（类似于GTMetrix）。

Google PSI限制

总而言之，Google PSI有三个主要限制，由GTMetrix和WebPagetest涵盖：

1. 设备特异性：您无法选择确切的设备（例如iPhone 12）进行测试。

2. 位置控制：您不能选择特定位置来模拟用户的体验（例如巴黎）。

3. 缺少KPI：PSI不会显示满载的时间，内容分解或提供视觉瀑布图表。

这是一个比较三个工具的摘要表：

Google PagesPeed Insights常见问题解答

Google PSI如何工作？

Google PagesPeed Insights是一个免费的工具，可以评估您在移动设备和桌面上的网页的速度和稳定性。它使用灯塔技术进行了性能测试，并根据关键性能指标（例如加载速度和视觉稳定性）为您提供100分的总体得分。它还提供详细的诊断和建议，以帮助您了解什么正在减缓事情以及如何修复它。

如何利用Google PSI进行移动优化？

使用Google PSI进行移动优化的最佳方法是在运行PSI测试时简单单击移动选项卡。它模拟了您的网站在实际移动条件下的性能，包括较慢的连接和降低的设备功率。这是查看移动访问者真正经历的最佳方法，以及首先要优化的地方。

如何提高我的Google PSI分数？

专注于大型影响区域：浏览器缓存，最大程度地减少未使用的JavaScript和CSS，压缩和调整图像，并减少第三方脚本。 WP Rocket和Fimify等工具可以轻松解决最常见的问题，而无需接触代码。

如何下载PagesPeed Insights报告？

PSI接口上没有一个单击的下载按钮。但是，如果您有点精通技术，则可以使用PagesPeed Insights API以JSON格式获取结果，以报告或集成到工具中。对于日常用户，最好的选择是屏幕截图或手动复制结果。

为什么我的PSI手机和桌面得分不同？

PagesPeed Insights分别测试移动和桌面，结果通常不同。由于设备和网络节流模拟现实世界条件，移动分数通常较低。移动视图还可以加载不同的CSS规则，从而影响速度和布局。

如何测量表现评分？

PagesPeed Insights根据几个关键的灯塔指标，计算您的网页性能得分100，包括第一个内容的油漆，速度索引，最大的内容涂料，总阻塞时间和累积布局变化。这些中的每一个在最终成绩中都起着不同的作用。 Google的灯塔评分计算器指出，哪个KPI在最终成绩中的重量最高。

Google PagesPeed Insights中实验室数据和现场数据有什么区别？

实验室数据是在具有固定条件（设备，网络）的受控测试环境中生成的，可用于调试和发现性能问题。另一方面，现场数据反映了过去28天的真实用户体验，从而更准确地了解了您的网站在现实世界中的表现。

Google PSI为什么在实验室和现场数据中显示不同的分数？

由于实验室数据模拟了预设设备和连接上的加载，而字段数据基于带有不同设备，位置和网络的实际访问，因此两者之间的PSI分数可能会有所不同，具体取决于用户实际与网站的交互方式。

哪个更重要：实验室数据或现场数据？

现场数据通常更有价值，因为它基于真实的用户体验。但是，实验室数据对于在开发过程中测试和解决性能问题仍然至关重要。理想情况下，一起使用两者指导改进。

总结

Google PagesPeed Insights（PSI）是衡量网站性能并确定影响速度和用户体验的最可靠的免费工具之一。它着重于关键的Web性能指标和核心网络生命值，这些核心角色直接与您的SEO和排名息息相关。

本文应该帮助您更好地了解PSI的工作原理，如何阅读其报告以及在不牺牲设计或功能的情况下可以采取哪些实际步骤来提高分数。

现在是时候采取行动了：
在Google PagesPeed Insights上进行审核，并使用WP Rocket优化您的核心网络生命力 - 由于14天退款保证，没有风险！