用途：面向需要改善 Google 搜索排名与页面体验的前端与技术负责人，针对 Core Web Vitals 三项指标提供定向优化：LCP（加载）、INP（交互）、CLS（视觉稳定性）。Google 按第 75 百分位衡量，即 75% 的访问需达到 Good 阈值。
指标阈值：LCP 良好 ≤2.5s，需改进 2.5–4s，差 >4s；INP 良好 ≤200ms，需改进 200–500ms，差 >500ms；CLS 良好 ≤0.1，需改进 0.1–0.25，差 >0.25。
主要能力： LCP：识别 LCP 元素（PerformanceObserver 监听 largest-contentful-paint）；排查慢服务端响应（TTFB>800ms）、渲染阻塞资源、慢资源加载、客户端渲染延迟；给出检查清单，如 CDN/边缘缓存、预加载 LCP 图片并设 fetchpriority="high"、图片用 WebP/AVIF、内联关键 CSS（<14KB）、字体用 font-display: swap、LCP 元素存在于初始 HTML。 INP：拆解为输入延迟（<50ms）、处理时间（<100ms）、呈现延迟（<50ms）；针对长任务、重事件处理器、第三方脚本、过度重渲染提供优化方向，如分块处理并让出主线程、先给视觉反馈、requestIdleCallback、动态导入、React.memo、输入防抖、Web Worker；可用 PerformanceObserver 监听 event 并设 durationThreshold 找出慢交互。 CLS：按 影响比例×距离比例 计算；处理无尺寸图片、广告/嵌入/iframe、动态注入内容、字体 FOUT、触发布局的动画；检查清单包括为图片设置宽高或 aspect-ratio、为视频/嵌入预留空间、广告容器设 min-height、字体用 font-display: optional 或匹配回退指标、动态内容插入视口下方、动画只用 transform/opacity；可用 layout-shift 观察器输出偏移元素与前后矩形。
测量工具：实验室用 Chrome DevTools Performance、Lighthouse、WebPageTest、npx lighthouse <url>；真实用户用 CrUX、Search Console 核心网页指标报告，或通过 web-vitals 库的 onLCP、onINP、onCLS 上报分析。
框架速修方向：Next.js 用 next/image 的 priority 配合 dynamic 导入；React 用 preload 与 useTransition、React.memo；Vue/Nuxt 用 NuxtImg preload/eager、异步组件与 aspect-ratio。
限制：资料为优化指南，未提供具体站点实测数据、兼容性矩阵、框架版本要求及收费信息，部分内容暂未提供。实施前建议结合真实用户与实验室数据验证。