用途:该技能在用户遇到 Core Web Vitals(CWV)相关问题或需优化 Google 页面体验信号时触发,覆盖 LCP(最大内容绘制)、INP(交互到下次绘制)、CLS(累积布局偏移)三个指标的诊断与修复。
主要能力:区分字段数据(CrUX,源于真实 Chrome 用户,Google 排名依据,28 天周期、75 分位)与实验室数据(Lighthouse);定位失败的指标;提供 LCP 预加载与 fetchpriority、CLS 图片尺寸与字体/广告位空间预留、INP 长任务拆分与 scheduler.yield 等做法;支持基于 web-vitals 库的 RUM 采集与 Lighthouse CI 性能预算门禁。
使用方式:先查 CrUX(Search Console、PageSpeed Insights 或 CrUX API)确认失败指标,再按指标修复。示例:<link rel="preload" href="/hero.webp" as="image" fetchpriority="high">;图片始终设置 width/height;font-display: optional 减少字体回流;长任务中用 await scheduler.yield() 让出主线程;用 onLCP、onINP、onCLS 上报。
适用场景:搜索排名或页面体验信号差、Lighthouse 分数需提升、出现布局偏移或交互卡顿、需搭建 RUM 或 CI 性能预算、Next.js/Nuxt/Astro/Remix 等框架的 CWV 修复。
阈值与限制:LCP<2.5s、INP<200ms、CLS<0.1 为通过门槛,需 75% 会话同时达标;Lighthouse 分数不等于 CrUX 通过;不要对多个图片设置 fetchpriority="high";避免对 LCP 元素用 lazy 加载及无尺寸图片;非 LCP 资源预加载可能拖慢 LCP。该技能不适用于与 CWV 无关的通用前端性能或纯后端优化。首次激活时会检查已安装的配套技能,缺失时可提示安装,例如 npx skills add AbsolutelySkilled/AbsolutelySkilled --skill。