用途：帮助编写性能友好的 HTML 页面，在优化页面加载、添加资源、配置缓存或改善 Core Web Vitals 时使用。目标指标为 LCP<2.5s、INP<200ms、CLS<0.1。
主要能力： 资源提示与优先级。使用 preconnect 提前建立关键第三方源连接，dns-prefetch 用于次要源；preload 加载当前页关键 CSS、LCP 图片、字体、脚本，as 取值含 style、script、font、image、fetch、document；prefetch 预取后续页面资源；prerender 用于极可能访问的页面。fetchpriority 可设 high/low/auto。
图片优化。首屏图片加 fetchpriority="high"，折叠下方用 loading="lazy" decoding="async"；用 picture 配合 avif/webp 及 srcset/sizes 做响应式图片；始终写明 width 和 height 防布局偏移，响应式可用 aspect-ratio。
CSS 加载。首屏临界 CSS 内联，其余通过 preload 加 onload 异步应用并配 noscript 回退；打印样式天然非阻塞；可用 contain 与 content-visibility 限制渲染范围。
JavaScript 加载。async 用于独立脚本，defer 用于需 DOM 且保序的脚本，type="module" 默认延迟；少量关键脚本可内联。
字体加载。font-display 可选 swap、optional、fallback、block；关键字体 preload 需带 crossorigin；可直接使用系统字体栈避免加载。
第三方脚本。异步加载并设低优先级，或延迟到 load 后注入；重嵌入可用 facade 模式，点击再加载。
缓存与预算。注释中给出建议缓存头：HTML no-cache，带哈希的 CSS/JS 与字体 max-age=31536000 immutable，图片 max-age=86400, stale-while-revalidate=604800。资源预算建议：整页<1.5MB、JS<200KB、CSS<100KB、首屏图片<200KB、字体<100KB、第三方脚本<100KB。
验证命令：npm run lint:budget、npm run lint:vitals、npm run lighthouse。
限制：资料未说明该技能支持的具体框架、环境依赖、收费与价格，暂未提供。相关技能包括 css-author、responsive-images、build-tooling、service-worker。