技术 SEO：Core Web Vitals 与移动端体验

Core Web Vitals 是什么

Core Web Vitals 是 Google 衡量页面体验的三项核心指标，基于真实用户访问数据（字段数据）计算。它们不是唯一的排名因素，但技术层面做达标，能避免无谓的失分。

指标	衡量什么	达标阈值
LCP 最大内容绘制	主内容块加载完成的时间	≤ 2.5 秒
INP 交互到下一次绘制	页面交互的响应速度	≤ 200 毫秒
CLS 累积布局偏移	页面加载中元素的意外位移	≤ 0.1

实验室分数 ≠ 真实数据

PageSpeed Insights 同时给出实验室数据与真实用户数据（CrUX）。优化目标以真实用户数据为准，实验室分数用作定位问题。

改善 LCP：让主内容快点出现

• 找出页面的 LCP 元素（通常是首图或大标题），它是优化对象。
• 首图设置高优先级加载：提前预加载、避免懒加载 LCP 元素。
• 压缩并使用现代图片格式，控制首图体积。
• 服务器响应（TTFB）先达标：缓存、就近部署、精简后端查询。
• 减少首屏渲染前的阻塞脚本与样式。

判断顺序很重要：先看 TTFB，再看资源加载，最后看渲染。服务器慢时，先优化图片收益有限。

改善 INP 与 CLS

• 拆分与延迟执行长任务 JavaScript，减少主线程阻塞。
• 第三方脚本（统计、聊天、广告）按需加载，评估每一个的必要性。
• CLS：给图片与嵌入内容声明宽高，预留占位空间。
• 避免在已有内容上方动态插入横幅或弹窗。
• 字体加载使用 font-display 策略，避免文字闪烁替换。

<img src="cover.webp" alt="产品图" width="1200" height="630" />

移动优先索引与检测节奏

Google 使用移动版页面进行索引与排名。移动端的问题，就是桌面端同样会被记录的问题。

1. 用手机真实访问核心页面，检查可点区域、字号与横向滚动。
2. PageSpeed Insights 移动端跑分，逐条处理标红项。
3. GSC「核心网页指标」报告观察 28 天真实数据趋势。
4. 每次改版后复测 LCP/INP/CLS 三项，记录前后对比。
5. 把性能检查纳入发布流程，而不是出问题再救火。

技术 SEO 的目标不是满分报告，而是让每个真实访客都等得少、点得动、看得稳。

技术 SEO 原则