用途：针对影响 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 方面识别最大可见内容元素（主图/视频、大文本块、背景图、svg），处理慢服务器响应（TTFB>800ms）、渲染阻塞资源、资源加载慢、客户端渲染延迟，并给出检查清单（TTFB<800ms、LCP 图片预加载并设 fetchpriority="high"、WebP/AVIF、内联关键 CSS<14KB、字体 font-display: swap、LCP 元素在初始 HTML 中）。INP 方面拆解为输入延迟、处理时间、呈现延迟，处理长任务、重事件处理器、第三方脚本、过度重渲染，清单包括主线程无 >50ms 任务、处理器 <100ms、立即视觉反馈、requestIdleCallback 延迟重活、Web Worker 等。CLS 方面处理无尺寸图片、广告/嵌入/iframe、动态注入内容、Web 字体 FOUT、触发布局的动画，清单包括图片设宽高或 aspect-ratio、预留空间、font-display: optional 或匹配字体度量、动态内容插入视口下方、动画仅用 transform/opacity。
使用方式：用 PerformanceObserver 定位 LCP 元素、慢交互与布局偏移；实验室工具用 Chrome DevTools Performance、Lighthouse、WebPageTest、npx lighthouse <url>；真实用户数据用 CrUX、Search Console、web-vitals 库上报分析。框架快速修复涵盖 Next.js（next/image priority、dynamic 导入）、React（preload、useTransition、React.memo）、Vue/Nuxt（NuxtImg preload、异步组件、aspect-ratio）。
适用场景：需要提升页面体验与搜索排名的前端性能优化。限制：资料未提供具体收费、平台支持范围或效果保证。