技术 SEO · 网站速度
📍 学习路径 · 阶段 2「技术地基」第 1 课 · 共 8 课 查看完整路径 →

Core Web Vitals 优化指南:LCP / INP / CLS 阈值与清单

GGOOGOING 教程团队·2026-09-09 发布·2026-09-20 更新·8 分钟阅读

Core Web Vitals 是 Google 衡量真实用户体验的核心指标,直接影响排名与转化。对依赖独立站获客的外贸企业来说,速度就是询盘量。

什么是 Core Web Vitals

直接答案:Core Web Vitals 由三项指标组成——LCP(加载)、INP(交互)、CLS(视觉稳定),门槛分别是 LCP < 2.5s、INP < 200ms、CLS < 0.1。三项全绿才算"良好"。

它不同于普通的"页面打开快慢",而是用真实用户数据(CrUX)衡量的体验信号。Google 自 2021 年将之纳入排名因素,并持续作为技术 SEO 的硬门槛。

LCP:最大内容绘制

直接答案:LCP 衡量视口内最大元素(通常是主图或英雄区标题)渲染完成的时间,目标 < 2.5s。

外贸站最常见的 LCP 拖累是未压缩的产品大图。优化方法:

  • 图片转 WebP/AVIF,首屏主图预加载(<link rel="preload">)。
  • 启用 CDN,就近分发静态资源。
  • 服务端渲染(SSR)首屏 HTML,避免 JS 才出内容。

INP:交互到下次绘制

直接答案:INP 自 2024 年起取代 FID,衡量页面响应用户点击/输入的速度,目标 < 200ms。

过滤器、表单、语言切换等交互都会触发 INP。优化重点是把长任务拆分、延迟非关键 JS。

CLS:累积布局偏移

直接答案:CLS 衡量页面元素的意外跳动,目标 < 0.1。给图片、广告、嵌入块预留固定尺寸即可控制。

外贸独立站常见坑

  • 产品图直接传 PNG 原图(动辄数 MB)。
  • 无 CDN,海外买家访问延迟高。
  • 用纯 SPA,首屏靠 JS 渲染,爬虫与用户都慢。
⚠️ 注意:本指南所述阈值基于 Google 公开文档;具体行业基准会随时间调整,上线前请以 PageSpeed Insights / Search Console 实际数据为最终依据。
指标良好需改进
LCP< 2.5s2.5–4.0s> 4.0s
INP< 200ms200–500ms> 500ms
CLS< 0.10.1–0.25> 0.25

常见问题(FAQ)

LCP 多少算合格?
LCP 小于 2.5 秒为良好,2.5–4.0 秒需改进,大于 4.0 秒为差。外贸独立站应优先把首屏主图/英雄区压到 2.5 秒内。
INP 取代了哪个旧指标?
2024 年起 INP 取代 FID 成为核心 Web 指标,衡量页面对用户交互的响应速度,目标小于 200 毫秒。
外贸独立站最拖慢速度的是什么?
最常见是未压缩的产品图片、未启用 CDN,以及阻塞渲染的 JS。这三项通常能带来最大提速收益。
CLS 是什么、怎么控制?
CLS 衡量页面元素的意外跳动,目标小于 0.1。给图片/广告/嵌入块预留固定尺寸、避免插入上方内容即可控制。

继续学习(按路径)

相关教程

你的独立站 Core Web Vitals 达标了吗?

免费诊断,拿到逐项整改清单。