用途：面向修改布局、添加资源或优化页面加载的开发者，帮助防止性能回退并改善 Core Web Vitals。
主要能力：给出 LCP、CLS、INP 的目标阈值（LCP 良好<2.5s、CLS 良好<0.1、INP 良好<200ms）；字体加载规范（关键字体在样式表之前 preload，仅预加载首屏字体，字体 preload 始终加 crossorigin，@font-face 保持 font-display: swap）；资源作用域决策（全站资源放应用布局 head，仅管理页放管理布局，单页/功能放页面局部，首屏以下懒加载或 defer）；渲染阻塞资源处理（用 media="print" onload 或 preload as="style" 实现非阻塞样式）；脚本加载（defer 为默认选择，async 用于独立脚本，避免 head 中无属性脚本）；图片优化（首屏以下 loading="lazy"，LCP 图片 fetchpriority="high"，显式 width/height 防 CLS，decoding="async"）；CLS 预防清单与审计模式（检查 head 渲染阻塞资源、字体 preload 顺序、全局资源数量，逐图检查属性）。
使用方式：在修改布局、添加 JS/CSS/字体或优化页面速度时参考该技能；按审计模式逐文件检查 layouts/ 与图片标签。
适用场景：前端页面性能审查、资源引入决策、Core Web Vitals 优化。
限制：资料未提供安装命令、平台支持、收费信息或具体工具集成方式。