用途：针对影响 Google 搜索排名与用户体验的三项 Core Web Vitals 指标做定向优化。
三项指标与阈值：LCP 衡量加载，良好 ≤2.5s，待改进 2.5–4s，差 >4s；INP 衡量交互性，良好 ≤200ms，待改进 200–500ms，差 >500ms；CLS 衡量视觉稳定性，良好 ≤0.1，待改进 0.1–0.25，差 >0.25。Google 按第 75 百分位衡量，即 75% 的访问须达到良好。
主要能力： LCP：识别 LCP 元素，处理服务器响应慢（TTFB>800ms，用 CDN、缓存、边缘渲染）、渲染阻塞资源、资源加载慢、客户端渲染延迟；清单含 TTFB<800ms、用 fetchpriority="high" 预加载 LCP 图像、WebP/AVIF、内联关键 CSS（<14KB）、字体 font-display: swap 等。 INP：拆分为输入延迟、处理时间、呈现延迟；处理主线程长任务（分块 + 让出主线程）、重事件处理器（先视觉反馈，requestAnimationFrame 延后重活）、第三方脚本懒加载、减少重渲染（如 React.memo）。清单含无 >50ms 任务、处理器 <100ms、requestIdleCallback 延后、Web Workers 等。 CLS：公式为影响比例 × 距离比例；处理无尺寸图片、广告与 iframe、动态注入内容、Web 字体 FOUT、触发布局的动画。清单含图片设宽高或 aspect-ratio、预留嵌入空间、font-display: optional 或匹配回退字体度量、动态内容插入视口下方、动画只用 transform/opacity。
测量工具：实验室用 Chrome DevTools、Lighthouse、WebPageTest，命令行 npx lighthouse <url>；真实用户用 CrUX、Search Console、web-vitals 库上报分析。
框架快速修复：给出 Next.js（next/image priority、dynamic 导入）、React（预加载、useTransition、指定尺寸）、Vue/Nuxt（NuxtImg preload、异步组件、aspect-ratio）示例。
适用场景：Web 前端性能优化、SEO 页面体验改善。限制：资料未提供收费、价格、安装命令等额外信息。