Google PageSpeed Insights（PSI）是一款免费的网站性能分析工具，可对页面加载速度和用户体验进行评分，并给出可操作的具体优化建议。Google 在决定页面搜索排名时，同样会参考这些指标，尤其是 Core Web Vitals。
本文将详细解析 PageSpeed Insights 的各项功能、如何读懂报告，以及如何借助它改善网站表现。
什么是 Google PageSpeed Insights
PageSpeed Insights 是 Google 推出的免费工具，基于同名开源项目 Lighthouse 构建，用于分析和提升网页性能与用户体验。
遵循 PSI 的建议不仅能加快网站加载速度，对 SEO 也有直接帮助。Google 在排名计算中会参考 PSI 中展示的同一套指标，其中 Core Web Vitals 直接影响页面在搜索结果中的可见性。
使用方法非常简单：访问工具主页，在顶部输入框填入待测试页面 URL，按回车或点击”Analyze”即可。
通常不到一分钟即可获得完整报告。
PageSpeed Insights 新增 AI 代理兼容性检测
PageSpeed Insights 最新引入了 Agentic Browsing 板块，用于检测网站与 AI 代理交互的配置完善程度。由于相关标准仍在发展中，该功能目前处于实验阶段，不提供 0~100 的评分，而是以通过/失败列表呈现各项检测结果。
当前检测维度包括：
- 网站结构可访问性
- WebMCP 兼容性
- llms.txt 配置
字段数据与实验室数据：核心区别
PageSpeed Insights 同时使用字段数据和实验室数据，两者区别如下：
- 字段数据（Field Data）来源于 Chrome UX Report（CrUX），由 Google Chrome 浏览器在实际用户使用时收集，反映真实用户在目标网页上的实际体验。
- 实验室数据（Lab Data）则来自虚拟设备对网站的模拟访问，仅展示特定单一条件下的性能表现，可用于初步定位问题，但不代表真实性能。
两种数据往往差异显著，因为真实用户的使用场景充满变量——所在地区、设备类型、浏览器版本等均不相同。
字段数据更为重要。毕竟我们追求的是真实用户获得良好体验。因此，优先以字段数据衡量进展，以实验室数据定位具体问题根源。
优先处理哪些 PSI 建议
按以下顺序依次解决 PageSpeed Insights 中的问题：
- 移动端优先于桌面端：移动端性能权重更高，优化桌面端指标通常会随之改善。
- Core Web Vitals 与字段数据优先：聚焦 Core Web Vitals 和真实性能，而非实验室数据。注意字段数据的采集窗口为 28 天，改善效果可能需要一段时间才能显现。
- 全局优化优先于页面级优化：优先处理影响全站的措施（如缓存、压缩），再逐步针对单个页面进行优化（如 DOM 体积控制）。
不必执着于追求 100 分。应将性能指标与实际用户体验相平衡。若某项被标记的功能对用户有真实价值，应思考如何改进而非直接移除。
此外，需结合自身网站类型。复杂的 WooCommerce 商城达到绿色评分的难度，远高于简单的单页展示站点。
WordPress 常见性能问题与解决方案
以下说明如何借助 PageSpeed Insights 解决 WordPress 网站的典型速度问题。通用流程如下：
- 测量问题
- 定位问题指标
- 找出最大成因
- 通过消除或优化方式修复
- 重新测试同一 URL
- 持续跟踪性能变化
下面结合测试网站（未做任何优化）的 PSI 结果进行演示。
Insights 和 Diagnostics 区域同样列出了 WordPress 网站常见性能问题。
接下来逐步解决。
1. 文档请求延迟（Document Request Latency）
文档请求延迟指浏览器首次请求网页 HTML 文档到该文档下载完成之间的时间间隔。这一指标至关重要，因为浏览器在文档下载完成前无法开始渲染页面或加载其他资源。
处理方式：
- 提升服务器响应速度
- 使用 CDN
- 启用缓存、压缩与文件精简
- 避免重定向
- 减小 HTML 文档体积与复杂度
常见成因：
- 主机性能不足或线路慢
- 文档与文件未做优化
- 不必要的重定向
- 插件和第三方脚本过多
激活 WP Rocket（实现缓存、压缩、文件精简等多项自动优化）后，PageSpeed Insights 显示如下改善结果：
2. 使用高效的缓存生命周期（Use Efficient Cache Lifetimes）
Google 的”使用高效的缓存生命周期”检测项分析网页是否启用了浏览器缓存。浏览器缓存告知用户浏览器将网站文件保存在本地的时间长度，以便后续复用。
启用后，访客再次访问时无需重新下载全部文件，页面加载速度显著提升。
常见成因：
- 未配置或未优化缓存策略
- 缓存请求头设置不当
WP Rocket 在激活插件时即自动配置浏览器缓存（移动端缓存独立设置），还包含额外功能加速非常规缓存覆盖的文件加载。
仅此一项优化，测试网站未缓存资源从 420KB 降至 50KB。
3. 渲染阻塞请求（Render-blocking Requests）
渲染阻塞请求指那些延迟可见内容展示的网站文件（通常为 JavaScript 和 CSS）。它们对首屏渲染并非必需，却占用浏览器处理资源，阻止其继续处理更重要的文件。
常见成因：
- 主题、插件和字体文件未经优化
WP Rocket 默认提供压缩与文件精简功能，还可一键实现 JavaScript 延迟加载与移除未使用 CSS。
这不仅进一步提升了测试网站的整体性能评分，还完全消除了渲染阻塞请求警告。
4. 减少未使用的 CSS（Reduce Unused CSS）
主题样式表通常包含所有可能网站元素的 CSS 规则，无论这些元素是否在特定页面上出现。因此，许多网页加载了大量多余的 CSS 代码，导致渲染时间延长。
常见成因：
- 页面构建器（Elementor、Divi 等）全局加载完整样式表
- 多个插件各自添加全站级样式表
处理方式：
- 手动或借助工具审计并移除未使用 CSS
- 按模板分离 CSS，使每个页面仅加载所需样式
5. 优化图片加载
图片是页面体积的主要来源之一，对加载速度、用户体验和 SEO 都有显著影响。尤其是位于网页顶部的图片，往往会对 LCP 造成负面影响。Google 的”改善图片传送”（Improve Image Delivery）建议项会标记出尺寸过大、压缩不足或格式过时的图片。
WP Rocket 通过懒加载和 LCP 优先级调度来优化图片加载方式。另外，Imagify 插件可以从根本上优化图片本身——自动将其转换为 WebP/AVIF 格式、压缩并调整尺寸。
以上措施综合使用后，测试网站的”改善图片传送”警告从 240KB 降至仅 30KB。若要进一步压缩，则需要手动介入处理。
6. 第三方代码
第三方代码（分析脚本、广告、字体、嵌入视频）会与关键文件争抢带宽、阻塞浏览器主线程、增加 HTTP 请求，从而拖慢网站速度。Google 的”第三方”（3rd Parties）建议项帮助识别对站点性能影响最大的外部脚本，以便针对性处理。
常见的第三方性能问题包括：
- 过多或优化不足的第三方内容
WP Rocket 提供了多项功能来应对第三方代码问题：预加载重要文件和字体、延迟执行 JavaScript、对视觉元素和 iframe 进行懒加载，以及自托管 Google 字体。
应用这些优化后，测试网站的”第三方”建议项得分相比初始读数有了显著提升。
7. 字体显示
自定义字体会对网站性能和视觉稳定性造成负面影响，尤其当字体加载延迟时。”字体显示”（Font Display）建议项会指出页面 font-display CSS 属性是否未设为 swap 或 optional。
优化字体显示的建议包括：
- 正确配置 font-display
- 内联、预连接、预加载或自托管字体
- 使用系统字体和 WOFF2 等现代格式
- 通过子集化减小文件体积
- 消除可能延迟字体发现的 CSS
常见的字体性能问题有：
- 字体 CSS 配置错误
- 字体文件未优化
如果你的站点使用了 Google 字体，WP Rocket 会自动将其请求合并为一条、添加 display=swap 参数、预连接到 Google 字体服务器、预加载字体文件并异步加载。在我们的测试中，配合前文已有的优化，”字体显示”建议项已进入”通过审核”区域。
8. 布局偏移根源
PageSpeed Insights 不仅测量页面加载速度。”布局偏移根源”（Layout Shift Culprits）建议项精确定位哪些元素导致了布局不稳定，以及每个元素对 CLS 分数的贡献量。
造成布局偏移的主要原因包括：
- 缺少明确宽高的图片和视频
- 未为广告或嵌入内容预留空间
- 布局偏移与用户操作存在关联
- 字体加载和动画未优化
常见问题类型：
- 元素缺少明确尺寸
- Web 字体优化不足
- 规划不当的动画效果
除了前文已提到的字体、图片和代码优化外，WP Rocket 还支持一键自动为缺少尺寸的图片补全 width 和 height 属性。
优化前后对比
如上所示，针对常见性能问题采取有针对性的优化措施，可以大幅改善 WordPress 站点的 PageSpeed Insights 报告。以下是测试网站实施全部优化后的性能结果。
核心指标对比如下： 最重要的是：使用 WP Rocket，整个过程仅耗时几分钟、点击几下即可完成。
GTmetrix、Lighthouse 和 Search Console 使用场景
PageSpeed Insights 并非衡量网页性能的唯一工具。
GTmetrix 是一个免费+付费的性能测试工具，和 PSI 一样由 Lighthouse 驱动，提供相同的核心指标，包括 Core Web Vitals、字段数据和实验室数据。
GTmetrix 提供按优先级排序的具体优化建议，以及瀑布图来精确定位页面加载过程中的瓶颈节点。它支持多个报告并排对比，Pro 计划还可添加自动化测试、不同测试地理位置等功能。
GTmetrix 还驱动着 WP Rocket 内置的性能监控工具 Rocket Insights。
适合场景：需要比 PageSpeed Insights 更详细的诊断能力、希望对比多次测试结果并跟踪改善趋势，而非仅获取单次快照。
Lighthouse 是 PageSpeed Insights 和 GTmetrix 背后的开源工具，集成在 Chrome 开发者工具的 Performance 报告中，也可作为独立工具通过命令行或 Node 模块运行。
在 Chrome 中，Lighthouse 提供实时使用信息。它拥有 PSI 的全部建议项，并额外提供了一些工具。例如，可对加载过程进行逐帧详细分解，高亮显示与未通过建议项相关的具体文件和资源，便于发现长 JavaScript 任务、渲染阻塞资源或未缓存文件等问题。
适合场景：已实施大部分主要性能优化、想要深入研究单个页面和资源的细节时使用。
Search Console 还提供另一个快速概览途径——Google 搜索控制台中的 Core Web Vitals 报告。不过它仅显示字段数据，因此站点需要获得足够的流量才能使用。
Search Console 仅检查已编入 Google 索引的页面，且按页面类型分组而非逐个 URL 查看，并非为检查单个页面状态而设计。
它的优势在于帮助理解站点整体 Core Web Vitals 表现，并识别跨多页面的共性问题。
FAQ
最后，整理了一些关于 PageSpeed Insights 的常见问题。
Google PageSpeed Insights 是什么？
Google 提供的一款免费工具，可以对你的网页加载速度和用户体验打分，并给出具体的优化建议。它同时采集实验室数据（模拟测试）和真实用户数据（字段数据），帮助你全面了解网站性能现状。
实验室数据与真实用户数据为何不同
实验室数据是在固定网络和设备条件下进行的模拟测试，数据稳定、可复现，但只能代表单一场景。
真实用户数据则来自实际访客，涵盖不同设备、不同地理位置、不同网络环境，波动较大但更能反映用户真实体验。
PageSpeed Insights 和 Lighthouse 是什么关系
两者并非同一工具：
- Lighthouse：运行在本地浏览器环境，提供更深入的诊断信息，适合开发阶段排查问题。
- PageSpeed Insights：由 Lighthouse 驱动，但在 Google 云端运行，融合了真实用户数据（Chrome 用户体验报告），更适合快速获取线上性能评估。
一定要拿到 100/100 分数吗
不需要。核心目标是：
- 确保 Core Web Vitals（核心网页指标）全部达标（绿色）。
- 解决真实用户反映的体验问题。
过度追求满分往往会投入大量精力却对实际用户体验提升有限。
WordPress 网站应优先修复哪些问题
建议按以下优先级处理：
- 移动端 Core Web Vitals：从移动设备指标入手，这是 Google 排名的主要参考。
- 全局性问题：站级优化优先，包括缓存配置、渲染阻塞资源、图片优化。
- 页面级问题：在全局问题解决后，再针对具体页面逐一调优。
移动端和桌面端分数为何不同
移动端分数通常更低，原因在于测试时会模拟真实网络环境和低性能设备（网络节流、CPU 节流）。这正是其价值所在——帮助你了解真实移动用户的访问体验。
核心建议
PageSpeed Insights 是最实用的免费性能测试工具之一，能精确定位网站短板并给出修复方向。
关键原则：
- 不要盲目追分，优先关注 Core Web Vitals 是否达标。
- 移动端优先，再逐步扩展到桌面端。
- 从全局到局部：先解决缓存、渲染阻塞、图片等站级问题，再处理单页细节。
- Google PageSpeed Insights 官网
- Chrome 用户体验报告（CrUX）文档
- Lighthouse 官方文档
