🎯 为什么重要
Core Web Vitals 在排名上只是加分筹码，但速度是被验证过的转化杠杆：Farfetch 的数据显示 LCP 每慢 100 毫秒，转化率约降 1.3%。先测量，修最大的病灶，再用真实数据确认。
💬 我的观点
Core Web Vitals 与网站速度：AI 原生打法
Google 用三个真实用户指标给每个页面打分，按真实访客的 75 分位计算。达标线来自 Google 官方 web.dev。
LCP ≤ 2.5 秒（主要内容多快显示出来）、INP ≤ 200 毫秒（点击后页面多快有反应，INP 在 2024 年 3 月取代了 FID）、CLS ≤ 0.1（加载时内容不能乱跳）。
达标只是排名上的加分筹码，在相近页面之间拉开一两个名次。真正的收益在转化：Farfetch 的工程数据显示，LCP 每慢 100 毫秒，转化率约降 1.3%。报告你来跑，AI 把它翻译成一份你能照着做的修复清单。
最快路径：一条提示词跑完全程
先在 PageSpeed Insights（pagespeed.web.dev）测一下首页，然后把结果贴进这条提示词：
🤖 AI 提示词 — 粘贴到 ChatGPT / Claude
你是一名网页性能工程师，要向不懂技术的店主解释怎么修。
我的平台和主题：[Shopify / WooCommerce / 其他，加主题名]
这是 [URL] 的 PageSpeed Insights 结果：[粘贴三项指标数值和整个「诊断」列表，或整份报告 JSON]
请完成：
1. 只用我粘贴的数字，判断是否达到 Google 的达标线：LCP ≤ 2.5 秒、INP ≤ 200 毫秒、CLS ≤ 0.1。
2. 把每一项未通过的审计整理成一张 markdown 表：修复项 | 在我的主题里是什么原因 | 具体怎么做（能点菜单就别写代码，用大白话） | 改善哪个指标 | 工作量（小/中/大）。
3. 按影响大小排序，并标出真正需要开发者才能做的项。
只用我粘贴的数据。不要猜测或估算任何数字，也不要编造报告里没有的审计项。缺什么就直接告诉我去 PageSpeed Insights（pagespeed.web.dev）重新跑哪一项，我贴给你。
也可以分 5 步做
- 测两个页面。 在 PageSpeed Insights（pagespeed.web.dev）测首页和卖得最好的产品页，先看移动端。流量够大会显示来自真实 Chrome 用户的「Core Web Vitals 评估」；流量小的店只有实验室数据，那就用实验室数据。
- 对照达标线读三个分数：LCP ≤ 2.5 秒 / INP ≤ 200 毫秒 / CLS ≤ 0.1，记下哪个页面挂在哪一项。产品页通常挂得更惨：应用多，脚本也多。
- 按收益顺序修 Shopify/主题的常见病灶。 一是图片：首屏主图和产品图尺寸要合适（Shopify 的 CDN 会自动输出 WebP/AVIF，但源文件过大照样拖慢），首屏以下全部懒加载。二是应用臃肿：每装一个应用都会注入脚本，把不用的卸掉并清理残留代码，多数店铺最大的 INP 提升就来自这一步。三是 CLS：给图片写死宽高，给横幅预留位置，别让内容跳来跳去。
- 把报告贴进上面的提示词，照着优先级清单干：工作量「小」的今天就自己做完，需要开发者的排进队列。
- 重测，再等真实数据。 每改一项就重跑一次 PageSpeed。真实用户数据和 Search Console 的 Core Web Vitals 报告都按 28 天滚动窗口统计，大约一个月后去那里确认成果。
做完的标志：两个页面实验室测试全绿，一个月后 Search Console 的 CWV 报告趋势变「良好」。
我的经验： 提速是为了顾客，不是为了算法。排名提升不一定有，转化提升是实打实的。
节奏： 每次换主题或装应用后重测一次；每月看一眼 Search Console 的 CWV 报告。
⚖️ 该做 & 别做
该做
- 按真实用户的75分位数据（现场数据）来测，别只看单次实验室测试
- 如果INP不达标，先修它，它是2026年最容易不达标的指标
- 提前给图片、广告、嵌入内容留好位置，杜绝布局跳动
避免
- 别只优化实验室分数（比如PageSpeed Insights），却不看真实用户的现场数据
- 别把CWV当成排名的万能杠杆，它只是筹码，内容不相关光靠它翻不了身
💡 快速提示
- 每月看一次Search Console里的Core Web Vitals报告，那是按网址细分的真实访客数据
🏢 品牌聚焦
品牌LCP每多100毫秒，转化率跌约1.3%；可交互时间每快1秒，转化率涨2.8%
web.dev 案例研究 · Farfetch很有代表性，因为它真的把Core Web Vitals和营收做了统计相关性分析，而不是只盯着PageSpeed打分，给这篇内容提供了实打实的数字，而不是道听途说。它做得好的地方，是搭了一个“性能商业价值计算器”，把毫秒换算成全公司都能看懂的金额，还把产品图加载从JavaScript方案改成原生方案，专门压低LCP。要注意的是，奢侈品平台的产品页图片本来就多，LCP问题一开始就比较严重，轻量级的小店做同样的优化，绝对收益可能没这么大，先测好自己的基线，再去承诺同样的提升幅度。
🏷️ 标签
seocore-web-vitalspage-speed
🔗 相关内容