PageSpeed Insights

PageSpeed Insights（PSI）是 Google 提供的网页性能与体验检测工具。输入一个可访问的网页 URL 后，它会分别提供移动端和桌面端视图，并把实验室测试与真实用户体验数据分开展示；报告还包含 Lighthouse 的性能、可访问性、最佳实践和 SEO 审计。它适合定位改进方向，不是搜索排名保证，也不能用一次分数替代真实访问和业务指标。

从一个 URL 开始，先固定测试条件

1. 输入完整地址：把要分析的具体页面 URL 粘贴到首页，不要只测首页就推断整个站点；登录墙、内网或需要特殊 Cookie 的页面可能无法由 PSI 代表性地访问。
2. 分别看移动端与桌面端：两种设备使用不同的模拟条件和布局，先记录页面 URL、设备视图、测试时间与报告链接，再比较修复前后结果。
3. 先确认数据类型：有现场数据时先看过去一段真实用户体验，再用实验室报告定位可复现的技术原因；没有现场数据时不要把实验室分数写成全体用户体验。
4. 保存基线：记录关键指标、主要机会项和页面版本。广告、A/B 测试、缓存、网络路由、浏览器扩展和服务器负载都可能让重复测试出现差异。

PSI 面向页面而不是抽象的“网站速度”。同一站点的首页、文章、商品页和结算页可能有完全不同的资源链路，应该按模板和用户任务选择代表 URL。

先分清现场数据和实验室数据

现场数据和实验室数据回答的是不同问题：前者接近真实访客“实际感受到什么”，后者更适合工程师“从哪里开始排查”。如果两者结论不一致，先检查页面版本、设备、地区、缓存和收集时间，而不是简单取较高或较低的一个分数。

用 Core Web Vitals 观察用户感受

报告中常见的 Core Web Vitals 包括 Largest Contentful Paint（LCP，主要内容何时出现）、Interaction to Next Paint（INP，交互响应是否及时）和 Cumulative Layout Shift（CLS，页面是否发生意外位移）。FCP、TTFB 等指标可以补充判断首屏绘制和服务器响应，但不应把任何单项指标脱离页面任务单独优化。

• LCP 偏慢：检查首屏最大图片或文本的发现优先级、响应时间、服务器缓存、字体和渲染阻塞资源。
• INP 偏高：从长任务、事件处理、第三方脚本和过大的 JavaScript 工作量入手，确认交互是否真的被阻塞。
• CLS 偏高：为图片、广告、嵌入内容和动态组件预留尺寸，检查字体替换与异步插入是否改变布局。
• TTFB 或 FCP 异常：把 PSI 结果与服务器日志、CDN、缓存命中率和实际地区链路对照，避免只在前端改代码。

性能分数是指标的综合呈现，评分算法和权重会随 Lighthouse 版本变化。更可靠的交付标准是：关键模板的现场体验改善、实验室回归稳定、错误率不升高，并且转化或留存等业务指标没有被优化副作用影响。

把 Opportunities 变成可复测的修复任务

每次只改变一组相关因素，并在同一版本、同一 URL 和相近时间窗口复测。报告中的“可能节省多少时间”是本次模拟条件下的估计，不是所有用户都能获得的固定收益；修复前先确认哪些脚本、图片或字体对页面功能必不可少。

四类 Lighthouse 审计不要混为一谈

性能审计关注加载和运行时表现；Accessibility 检查可感知、可操作和可理解性线索；Best Practices 关注浏览器和安全相关实践；SEO 审计则检查部分搜索可访问性与页面标记。它们可以在同一份报告中出现，但修复责任通常不同：设计、前端、后端、内容和无障碍负责人应分别确认。

• SEO 分数高不代表关键词排名高，也不代表页面已经有足够内容或外部权威。
• Accessibility 审计通过不等于完成完整的人工键盘、读屏和真实用户测试。
• Best Practices 的提示要结合浏览器支持、依赖版本和安全策略验证，不要为绿分数破坏功能。
• 对公开报告、预发布环境和需要认证的页面，先确认访问权限与隐私边界，不要把敏感 URL 交给不必要的第三方流程。

网页界面与 API 的选择边界

偶尔检查重点页面时，网页界面最容易看完整报告和诊断上下文；需要 CI、批量 URL 或定期回归时，可查看官方 PageSpeed Insights API 的 runPagespeed 入口，并按当前文档配置请求参数和 API key。API 的响应字段、配额、版本和 CrUX 数据策略会变化，自动化程序应保存原始响应与测试时间，并为字段变更和失败重试留出处理方式。

API 返回的指标不应直接变成“通过/不通过”的唯一发布门槛。发布前可以把关键模板的 LCP、INP、CLS、错误率和业务转化作为联合检查；性能优化完成后，再用 Google Search Console 观察 Google 一方的页面体验与搜索表现，用 Matomo（原名 Piwik） 或服务器日志核对真实访问路径。

官网：https://pagespeed.web.dev/