谷歌从 2021 年起把页面体验纳入排名因素，核心就是三个指标：LCP、INP、CLS。它们不影响内容相关性，但会影响同等内容下的排序，也会实实在在影响转化率——加载慢一秒，移动端转化率平均掉 7%。
一、三个指标分别是什么
| 指标 | 含义 | 合格线 |
|---|---|---|
| LCP | 最大内容元素渲染完成的时间 | ≤ 2.5 秒 |
| INP | 用户交互到页面响应的延迟 | ≤ 200 毫秒 |
| CLS | 布局偏移程度 | ≤ 0.1 |
注意 INP 在 2024 年取代了 FID。很多人还在看 FID 的报告，那是过时的。
二、LCP 超标怎么查
LCP 慢，通常卡在四个环节之一：服务器响应（TTFB）、资源加载、资源体积、渲染阻塞。
服务器响应慢
TTFB 超过 800ms，先查服务器。常见原因：没有缓存、数据库查询慢、服务器配置不足、没上 CDN。启用页面缓存后，TTFB 通常能降到 200ms 以内。
图片太大
首屏大图是 LCP 的头号杀手。三个动作：转 WebP、按容器尺寸输出（别用 2000px 的图显示在 600px 的框里）、加 fetchpriority="high" 和 preload。
字体阻塞
自定义字体加载慢会导致文字延迟渲染。用 font-display: swap 让文字先用系统字体显示，字体加载完再替换。
CSS/JS 阻塞渲染
首屏关键 CSS 内联，非关键 CSS 异步加载；JS 加 defer 或 async。第三方脚本（统计、客服、广告）尽量延后。
三、INP 超标怎么改
INP 差，说明页面主线程被占用了。常见原因：
- 一次渲染太多 DOM 节点（长列表不分页、不虚拟滚动）
- 事件处理函数里做了重计算
- 第三方脚本同步执行
- 大量布局抖动（读写交替）
优化方向：把重计算拆成小块（requestIdleCallback 或 setTimeout），列表分页，第三方脚本加 defer，避免在滚动事件里直接读 offsetHeight。
四、CLS 超标怎么改
CLS 是布局偏移，用户正在看的内容突然跳走。三个最常见的原因：
- 图片没写尺寸：给
img加width和height，或 CSS 里设aspect-ratio。 - 广告或嵌入内容后插入：提前预留固定高度的容器。
- 字体切换导致重排：用
size-adjust或选字形宽度接近的备用字体。
五、验证与监控
三个工具配合用：PageSpeed Insights 看单页诊断，Search Console 的"核心网页指标"报告看全站分组，Chrome 的 Performance 面板看具体瓶颈。
注意区分实验室数据和真实用户数据。实验室数据（Lighthouse）是模拟环境，真实用户数据（CrUX）才反映实际体验。优化要以真实数据为准，尤其看移动端。
六、优化的优先级
如果只能做三件事，按这个顺序：
- 上 CDN + 开页面缓存（解决 TTFB）
- 图片转 WebP 并按尺寸输出（解决 LCP 大头）
- 第三方脚本延后加载（同时改善 LCP 和 INP）
这三件事通常能把移动端分数从 40 分提到 75 分以上，投入产出比最高。剩下的微调可以慢慢做。
先修 LCP，再管 INP
LCP 差，先查首屏大图、字体和服务器响应；INP 差，查 JS 长任务和事件处理；CLS 差，给图片写宽高、别乱插广告。
三项里 LCP 对首屏体验影响最大，优先修。移动端和桌面端分开看，别用桌面分数安慰自己。
常见问题
分数必须 100 吗
不必。90 分以上体验已经很好，为了最后几分投入大量重构不划算。重点看三个核心指标是否达标。
用了 CDN 还是慢
可能是缓存没命中，或者回源慢。检查 CDN 的缓存命中率，低于 70% 就要调缓存规则。
WordPress 站怎么优化最快
装缓存插件、图片压缩插件、关掉不用的插件，再上 CDN。三件事做完通常能及格，剩下的看主题质量。
速度之外，内容质量仍是根本。谷歌的内容标准见E-E-A-T 怎么落地。
