
结论先给:Core Web Vitals 只认三个数——LCP、INP、CLS。LCP 决定用户有没有看见主内容,INP 决定点了之后有没有反应,CLS 决定阅读时页面跳不跳。多数独立站把力气全压在压缩图片上,三项加总只动了 0.3 秒,排名纹丝不动。
一、口径要对齐:看第 75 分位,不是平均值
谷歌读的是 CrUX 真实用户数据,取第 75 分位取值,按 28 天滚动窗口汇总,并且移动端与桌面端分开出结果。你在本地跑一次测速软件拿到的「1.2 秒」没有参考意义,因为样本量是一。
三项及格线是硬门槛:LCP ≤ 2.5 秒、INP ≤ 200 毫秒、CLS ≤ 0.1。落在 2.5–4.0 秒、200–500 毫秒、0.1–0.25 之间算「需要改进」,超过上限直接判「差」。Search Console 的核心网页指标报告按 URL 分组,共用一套模板的几百个产品页会被并成一组,改模板等于一次改一片,这是技术SEO里投入产出比最高的动作。
二、LCP:把 2.5 秒拆成三段预算
盯着「总共几秒」改不动,要拆:
- TTFB(服务器响应):预算 0.8 秒以内,卡在 CDN 回源与数据库查询上;
- 资源加载:预算 1.2 秒以内,主图、CSS、关键字体走这条线;
- 渲染绘制:预算 0.5 秒以内,被阻塞脚本和过大的 DOM 树吃掉。
曾有站点 LCP 实测 3.8 秒,拆完发现 TTFB 只占 0.4 秒,问题全在首图:一张 4.2 MB 的 JPEG 被当成主视觉,换成 AVIF 后降到 380 KB,LCP 直接回到 2.1 秒。同一张图转 WebP 大约压掉 30% 体积,转 AVIF 通常能再压 15%–20%,这是最低成本的那一刀。
三、INP:不是「慢」,是长任务堵住了主线程
INP 从 2024 年 3 月起正式替换 FID,量的是用户每一次交互到下一次绘制的延迟。它超标的原因往往不是网速,而是主线程被占死:任何执行超过 50 毫秒的 JavaScript 任务都算「长任务」,一连串长任务排下来,点击自然要等。
排查顺序建议是:先看第三方脚本的数量与加载位置,统计、客服插件、A/B 测试工具叠加在一起,很容易吃掉 800 毫秒以上的主线程时间;再看未拆包的主 bundle 体积,单文件超过 300 KB 就该做代码分割;业务代码本身的事件回调排在末位,实测中很少是主因。谷歌SEO优化做到这一步,通常会顺手把非关键脚本改成延迟加载或 iframe 隔离,INP 从 480 毫秒回到 150 毫秒左右的案例并不少见。
四、CLS:三个高频元凶
CLS 超过 0.1 的页面,八成能在这三条里找到源头:
- 图片与视频标签没写 width / height 或 aspect-ratio,加载完才撑开高度;
- 顶部动态插入的公告条、Cookie 提示、广告位,把正文整体往下推;
- 自定义字体加载引发 FOIT / FOUT,文字重排一次就记一次偏移。
对应办法分别是补齐尺寸属性、给动态区块预留固定高度容器、字体用 font-display: optional 或预加载本地字体文件。CLS 的修复难度在三项里最低,却最常被漏掉。
五、7 天达标表
- 第 1 天:导出 Search Console 核心网页指标报告,按 URL 分组列出「差」与「需要改进」的组;
- 第 2 天:用 PageSpeed Insights 分别取移动端与桌面端数据,标记实验室数据与现场数据的差值;
- 第 3 天:定位每组的 LCP 元素,确认是图片、标题文本还是背景图;
- 第 4 天:首图转 AVIF / WebP,加 fetchpriority=”high”,去掉懒加载;
- 第 5 天:清理第三方脚本,非关键项改 defer 或延迟触发;
- 第 6 天:补齐图片尺寸属性,给动态区块留位;
- 第 7 天:提交更新、清缓存,回到报告里确认分组是否翻绿。CrUX 是 28 天窗口,翻绿会滞后,别在第 3 天就判定失败。
六、实验室数据不等于现场数据
PageSpeed Insights 上半部分的实验室数据是单次模拟,用于定位问题;下半部分的现场数据才是谷歌真正用于评估的口径。两者经常打架:实验室给 98 分,现场 LCP 仍显示 3.1 秒。原因多半是真实用户里有一批低端安卓机与弱网地区访客,把第 75 分位拉了上去。判断时还有一条经验线:如果两组数据差距超过 40%,说明问题出在真实设备的算力与网络,而不是服务器配置,加带宽通常换不来任何改善。做技术决策时,永远以现场数据为准。
钧笠营销这两年接的 100 多个海外站点里,能在 7 天内把三项指标同时拉进及格区的,几乎都是先拆 LCP 预算、再动代码的那一批;反过来,一上来就换主题、换服务器的,平均要多花三周。速度本身不是排名因素的全部,但它决定了抓取预算的利用率,也决定了用户愿不愿意等到转化那一步——这部分与海外流量获取的整体结构是连着的,单点优化很难撑起长期增长。
如果你希望有人把上面这张表直接落到代码层并出一份可验收的报告,钧笠营销的技术团队常驻上海临港新片区,电话 18001580822,可以先拿一份免费的分组诊断清单。





