用途：针对 Google Core Web Vitals 三大指标 LCP、INP、CLS 做性能优化，适用于改善页面性能、诊断 CWV 问题。
主要能力：
- LCP 优化：定位 LCP 元素，使用 fetchpriority="high"、loading="eager" 优先加载首屏图，preload 关键资源、preconnect 关键源，采用 SSR/SSG 渲染关键内容。
- INP 优化：拆分长任务并让出主线程，使用 React useTransition/useDeferredValue 处理非紧急更新，将重计算移出事件处理器。
- CLS 优化：为图片和广告位预留空间（aspect-ratio、min-height），显式设置宽高，使用 font-display: optional 或 size-adjust，动画改用 transform 而非布局属性。
- RUM 监控：用 web-vitals 库的 onLCP/onINP/onCLS 采集并通过 sendBeacon 上报。
- 性能预算：通过 lighthouse-budget.json 与 webpack performance 配置在 CI 中硬性拦截回归。
阈值（2026）：LCP 良好 ≤2.5s、需改进 ≤4.0s、差 >4.0s；INP 良好 ≤200ms、需改进 ≤500ms、差 >500ms；CLS 良好 ≤0.1、需改进 ≤0.25、差 >0.25。INP 已于 2024 年 3 月取代 FID。2026 更严阈值（Q4 2025 起）：LCP ≤2.0s、INP ≤150ms、CLS ≤0.08。
使用方式：按上述模式改造代码，配合 Chrome DevTools Performance、Lighthouse、PageSpeed Insights、Web Vitals 扩展、Chrome UX Report 调试。
限制：资料未提供安装命令、收费与平台信息；具体项目集成方式需自行适配。