Core Web Vitals 是什么？外贸 WordPress 站新手按优先级做的 7 个动作（带验收）

Core Web Vitals（CWV）听起来很技术，其实你把它当成 3 个“客户体验问题”就行：

1. LCP：首屏主要内容多久能出来？
2. CLS：页面会不会乱跳？
3. INP：点按钮有没有反应？

外贸站做 CWV 的目的不是刷分，而是：客户打开页不烦、愿意看、愿意询盘。

图：PageSpeed Insights。输入你的网址就能测试性能与 Core Web Vitals 指标。

先别全站乱改：选 1 个“样板页”

建议你先选一个核心服务页（或者首页）作为样板。原因很简单：服务页是转化页，你优化它的收益最大。

你怎么测？新手用这三个就够了

• PageSpeed Insights：看建议、看 LCP/CLS/INP 指标（实验室数据）。
• Chrome DevTools：看 Network/Performance，找真正的瓶颈。
• GSC 体验报告：有真实用户数据时更可信（需要一定流量）。

按优先级做 7 个动作（新手照做）

动作 1：先定位 LCP 元素（80% 是首屏大图）

PageSpeed 通常会告诉你 LCP 元素是什么。外贸站最常见是 Banner/产品主图。先把尺寸与 WebP 做对：图片优化流程。

动作 2：页面缓存先做稳

缓存不能解决一切，但几乎是必做。按最小配置来：缓存插件最小配置。

动作 3：减少首屏模块（尤其是轮播/视频背景）

很多外贸站首页堆了轮播、动效、视频背景，体验看起来“高级”，但对移动端很不友好。你可以把首屏简化成：

• 一句话讲清你做什么
• 3 个优势点
• 一个清晰 CTA（联系/询盘）

动作 4：修 CLS（页面乱跳）

CLS 常见来源：

• 图片没有固定尺寸，加载后把内容顶开
• 字体加载后替换导致字距变化
• 弹窗/通知条突然插入顶部

你可以先做最简单的两件事：给图片输出尺寸（主题/编辑器通常能设置），避免首屏自动弹窗。

动作 5：修 INP（点了没反应）

INP 变差通常来自太多脚本：聊天工具、追踪脚本、页面构建器。建议：

• 聊天工具/热力图别同时上多个（择一）
• 追踪脚本尽量用 GTM 集中管理（减少散落）
• 不需要的插件先停用测试

动作 6：字体策略（简单但很有效）

• 能用系统字体就别加载多套 webfont
• 不要同时加载 3–4 个字重（400/500/700…）

动作 7：每次只改一项，然后验收

新手最容易犯的错是“全改一遍”，然后不知道哪个改动导致按钮坏了。请你记住：一次只改一项，改完立刻在手机上验收。

验收标准（别只看分数）

• 手机 4G 打开：首屏 2–3 秒内可用（主观体验很重要）
• 滚动不乱跳、按钮可点、表单可提交
• PageSpeed 分数提升只是结果，不是目标

如果你优化后速度不错但询盘仍然少，下一步通常是：把服务页写得更像“成交页”，并用内链把博客流量引过去：内链工作流。