用途：系统性改善 Largest Contentful Paint（LCP）、Interaction to Next Paint（INP）和 Cumulative Layout Shift（CLS）三项核心网页指标，按优先级给出可落地的修复方案。
主要能力与用法： LCP 优化（目标 <2.5s）：优化图片（影响最大）、预加载 LCP 资源、内联关键 CSS、使用 CDN（如 CloudFront/Cloudflare）、启用 HTTP/2 或 HTTP/3。预加载示例：<link rel="preload" as="image" href="/hero.webp" fetchpriority="high" />。 INP 优化（目标 <200ms）：对高开销交互做防抖（如 lodash 的 debounce）、用 Web Worker 处理重任务、代码分割（React.lazy 动态导入）。 CLS 优化（目标 <0.1）：为图片/广告预留空间（设置 width/height）、使用 CSS aspect-ratio、避免在上方注入内容（如固定定位通知）。
验证与监控：可通过 Lighthouse CI（npm run lighthouse -- --url=https://example.com）以及 web-vitals 库在生产环境采集指标。
输出清单包含：LCP 已优化（<2.5s）、INP 已优化（<200ms）、CLS 已优化（<0.1）、已部署监控、具备性能回归测试。
限制：资料未提供该技能的安装命令、平台支持范围、收费方式与价格信息，均暂未提供；上述阈值与修复项均来自资料原文，未作扩展。