用途：优化网页加载速度、交互性与视觉稳定性，围绕 Core Web Vitals 与资源预算展开。适用于改善 Lighthouse 性能分、诊断 LCP 慢/INP 高/CLS 布局偏移、缩减 JS 或 CSS 包体积、优化图片字体与第三方脚本，以及跨框架审计页面加载性能。不适用于 React 组件重渲染优化、Next.js 图片/字体组件、无障碍审计和 SEO 元标签。
主要能力与阈值：LCP 良好 ≤2.5s、差 >4.0s；INP 良好 ≤200ms、差 >500ms；CLS 良好 ≤0.1、差 >0.25。资源预算：压缩后 JS <300KB、CSS <100KB、页面总重 <1.5MB，可用打包器体积限制（Vite build.rollupOptions、Webpack performance.maxAssetSize）强制执行。
必要用法：图片始终指定 width/height 防 CLS，首屏下图片用 loading="lazy"，仅 LCP 图片用 fetchpriority="high"，采用 WebP/AVIF。字体用 preconnect、preload 关键字体并设 font-display: swap。脚本独立用 async、需 DOM 用 defer，避免阻塞渲染；非关键 CSS 内联关键样式后异步加载。可用 Chrome DevTools Performance、Lighthouse、Web Vitals 扩展或 web-vitals npm 包测量，如 onLCP/onINP/onCLS。
决策与限制：按 LCP、INP、CLS、包体积、图片、字体逐项排查，框架专属问题转对应技能。第三方脚本是 INP 常见问题，可异步、延迟初始化或 Facade 模式。响应式图片需 srcset 配 sizes。FID 已于 2024 年 3 月被 INP 取代。资料未提供具体收费、价格与平台信息。