用途：基于 Lighthouse 性能审计做深度性能优化，聚焦加载速度、运行时效率与资源优化，适合被要求“加快网站速度”“优化性能”“缩短加载时间”时使用。
主要能力与流程：定位代码与资源中的性能瓶颈，按对 Core Web Vitals 的影响排优先级，给出具体优化及代码示例，并用前后指标衡量改进。
性能预算：总页面体积 < 1.5 MB；压缩后 JavaScript < 300 KB；压缩后 CSS < 100 KB；首屏图片 < 500 KB；字体 < 100 KB；第三方 < 200 KB。
关键渲染路径：TTFB < 800ms，建议用 CDN、缓存与高效后端；启用 Gzip 或 Brotli 压缩（优先 Brotli）；使用 HTTP/2 或 HTTP/3；尽可能在 CDN 边缘缓存 HTML。
资源加载：对必需来源使用 preconnect，对 LCP 图片与关键字体使用 preload，非关键 CSS 延迟加载。
JavaScript：对非必要脚本使用 defer 或 async；按路由、组件、功能做代码分割；按需导入以利 tree shaking。
图片与字体：按场景选 AVIF、WebP、PNG、SVG；使用 picture 与 srcset 做响应式图片，首屏 LCP 图用 fetchpriority="high"、loading="eager"，首屏以下用懒加载；字体用 font-display: swap、子集化、可变字体并预加载关键字体。
缓存：区分 HTML、带哈希静态资源、无哈希静态资源与 API 响应的 Cache-Control 策略；可用 Service Worker 做静态资源缓存优先。
运行时：避免布局抖动（批量读后批量写）；对昂贵操作做防抖；用 requestAnimationFrame；对超过 100 项的长列表做虚拟化。
第三方脚本：异步加载、延迟至交互、使用外观占位（facade）模式。
度量与工具：目标为 LCP < 2.5s、FCP < 1.8s、Speed Index < 3.4s、TBT < 200ms、TTI < 3.8s；可用 Lighthouse CLI 与 web-vitals 库测量。
限制：资料未提供该技能的具体安装方式、平台支持范围、收费与价格信息，暂未提供；其内容针对通用 Web 前端性能，未说明对非 Web 场景的适用性。