文章目录
许多人做AEO时完全专注于结构化数据和内容，却忽视了一个基础因素：页面速度。AI搜索不仅读取内容——它还根据技术质量信号评估网页是否值得信任。
Core Web Vitals是什么？
Google通过3个指标衡量用户体验质量：
| 指标 | 测量什么 | Good | Needs Improvement | Poor |
|---|---|---|---|---|
| LCP（最大内容绘制） | 视口中最大元素加载完成的时间 | 低于2.5s | 2.5s–4s | 高于4s |
| INP（交互到下一次绘制） | 用户交互时的延迟 | 低于200ms | 200–500ms | 高于500ms |
| CLS（累积布局偏移） | 布局偏移的程度 | 低于0.1 | 0.1–0.25 | 高于0.25 |
INP从2024年3月起取代FID。如果您仍在跟踪FID——请切换到INP。
CWV与AEO的关系
机制1：信任信号
Google根据包括CWV在内的多种信号构建"页面质量分数"。CWV良好的页面 → 用户停留更长时间 → Google认为该页面有用 → AI Overviews优先引用。
机制2：抓取预算
Googlebot为每个域名分配抓取时间。页面慢 → Googlebot等待更长时间 → 在相同时间内抓取更少页面 → AI对您新内容的了解减少。
机制3：内容可访问性
如果LCP超过4秒，当Googlebot拍摄快照时，部分重要内容（如表格、FAQ、schema JSON-LD）可能尚未完成渲染。AI可能在未看到最重要内容部分的情况下读取页面。
越南2026年各行业CWV基准
| 行业 | 平均LCP | 达到Good比例 | AEO机会 |
|---|---|---|---|
| 新闻/媒体 | 1.8–2.2s | 65% | 中等（许多竞争对手也很好） |
| 电商 | 2.8–3.5s | 35% | 高（许多商店速度慢） |
| B2B / SaaS | 2.0–2.8s | 55% | 中等 |
| 医疗/健康 | 2.5–3.8s | 40% | 高 |
| 房地产 | 3.0–4.5s | 25% | 非常高（图片密集型页面） |
| 餐饮/本地 | 2.2–3.0s | 50% | 中等 |
如果您所在行业的Good达标率低——这是一个巨大的竞争机会。
LCP慢的原因和修复方法
LCP受以下因素影响（按影响顺序）：
1. 首字节时间（TTFB）慢
服务器响应慢会延迟所有事情。目标TTFB：低于600ms。
修复方法：
- 为静态页面启用缓存（Next.js：
revalidate、ISR） - 使用CDN（Next.js自动使用Vercel Edge Network）
- 如果使用动态渲染，优化数据库查询
2. Hero图片未被优先处理
// 错误——Next.js默认懒加载
<Image src="/hero.jpg" width={1200} height={600} alt="Hero" />
// 正确——hero图片必须设置priority
<Image src="/hero.jpg" width={1200} height={600} alt="Hero" priority />
3. 渲染阻塞资源
<!-- 错误——Google Fonts阻塞渲染 -->
<link href="https://fonts.googleapis.com/css2?family=..." rel="stylesheet">
<!-- 正确——preconnect + 异步加载 -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="..." media="print" onload="this.media='all'">
4. 图片未优化
- 使用WebP或AVIF替代PNG/JPG
- 如果配置正确，Next.js Image组件会自动转换
- 上传前压缩图片：hero图片目标低于200KB
CLS：导致布局偏移的因素
CLS为0是理想状态，但对于有广告的页面几乎不可能实现。目标：低于0.1。
图片没有尺寸：
// 导致CLS——没有尺寸
<img src="/product.jpg" />
// 修复——声明width和height
<img src="/product.jpg" width="400" height="300" />
// 或使用Next.js Image（自动处理CLS）
<Image src="/product.jpg" width={400} height={300} alt="..." />
字体加载导致的CLS：
/* 避免FOUT（无样式文字闪烁）导致CLS */
@font-face {
font-family: 'MyFont';
src: url('/fonts/myfont.woff2') format('woff2');
font-display: optional;
}
INP：交互响应慢
INP通常受在主线程上运行的大量JavaScript影响：
| 原因 | 解决方案 |
|---|---|
| 主线程上的长任务 | 代码分割，为复杂计算使用Web Workers |
| 慢速事件处理程序 | 防抖输入，优化状态更新 |
| 第三方脚本 | 异步加载、延迟加载，或使用Partytown |
| 不必要的React重渲染 | 在适当位置使用useMemo、useCallback、React.memo |
CWV与AEO：技术检查清单
- 移动端LCP低于2.5秒（使用PageSpeed Insights测量）
- INP低于200ms
- CLS低于0.1
- TTFB低于600ms（服务器/Edge响应时间）
- 首屏图片使用Next.js Image的
priority - 所有图片声明
width和height - 在
<head>中没有渲染阻塞资源 - Google Search Console——"Poor"组中有0个URL
- 大图片使用WebP或AVIF
- below-fold图片懒加载，above-fold图片不懒加载
实际情况：多好的CWV才"足够好"用于AEO？
| CWV状态 | AEO影响 |
|---|---|
| 全部Good | 消除CWV风险——AI正常考虑内容 |
| 1-2个指标需要改进 | 直接影响较小，但需要监控 |
| 任何指标为Poor | 风险——在AI来源选择中可能被降低优先级 |
| LCP高于4s | 红旗警告——许多AI系统过滤掉这类页面 |
需要记住的实际情况：CWV是AEO的必要条件，而非充分条件。速度好但内容差——仍然不会被引用。但内容好而速度差——AI可能永远无法充分阅读来进行引用。
投资CWV就是投资基础。一次做对，从建立在其上的一切中长期受益。
常见问题
Core Web Vitals如何影响AEO？
3个主要机制：(1) 过滤阈值——Google AI Overviews在考虑内容之前会先过滤CWV表现差的来源。如果LCP超过4秒，即使内容质量很高，页面也可能被排除在引用来源池之外。(2) 信任信号——速度慢 = 体验差 = Google对该页面作为可信来源的信任度降低。(3) 抓取优先级——Googlebot优先抓取快速页面，慢速页面抓取频率降低，AI对您新内容的了解减少。
需要达到哪些Core Web Vitals阈值才能有益于AEO？
目标是所有3个指标达到Good：LCP低于2.5秒（最大内容元素加载完成），INP低于200ms（交互延迟），CLS低于0.1（布局偏移量）。对于AEO，实际目标：LCP低于3秒是安全的，低于2.5秒是良好的。如果没有大量JavaScript和广告布局偏移，INP和CLS通常更容易达标。
LCP、INP、CLS——哪个指标对AEO最重要？
LCP对AEO最重要。原因：LCP测量用户看到主要内容的时间——如果速度慢，用户立即离开，Google记录高跳出率，信任信号下降。CLS次之重要，因为布局偏移会遮盖内容，导致用户错误点击，体验变差。INP对SEO重要，但对AEO的直接影响较小，因为AI不像用户那样与页面交互。
使用大量JavaScript的页面能达到良好的CWV吗？
可以——但需要主动优化。Next.js App Router帮助很多：Server Components减少JS包大小，Streaming SSR改善LCP，Image组件自动优化。还需要：懒加载非立即必要的组件、为heavy widgets做代码分割、为图表/编辑器使用动态导入。框架不能自动解决所有问题——需要测量和针对性优化。
在哪里测量Core Web Vitals最准确？
真实数据（field data）比实验室数据更重要。最准确的来源：(1) Google Search Console——Core Web Vitals部分，来自Chrome用户的真实CrUX数据；(2) PageSpeed Insights——结合特定URL的实验室数据（Lighthouse）和真实数据（CrUX）；(3) Chrome DevTools Lighthouse——仅实验室数据，对调试有用但不反映真实数据。实验室数据和真实数据通常相差20-50%。
AEO Saigon
位于胡志明市的答案引擎优化（AEO）机构 — 帮助企业网站被 AI 引用。 关于 AEO Saigon →
想让您的网站也这样被 AI 引用吗？
免费审计