用途：帮助开发者系统化优化网站与 Web 应用的加载速度、运行时性能和 Core Web Vitals，适用于页面加载缓慢、需要优化 LCP/FID/CLS、缩减 JavaScript 打包体积、提升可交互时间、优化图片与资源、实施缓存策略、排查性能瓶颈以及准备性能审计等场景。
主要能力：该技能按五步工作——先建立基线（运行 Lighthouse 审计、测量 Core Web Vitals、检查打包体积、分析网络瀑布、定位瓶颈），再识别问题（大体积 JS、未优化图片、阻塞渲染资源、服务端响应慢、缺失缓存头、布局偏移、阻塞主线程的长任务），接着按影响排序（关键渲染路径、代码分割与懒加载、图片优化、缓存策略、第三方脚本优化），然后实施优化，最后通过重跑审计、对比前后指标和监控真实用户指标验证效果。
使用方式：以测量为前提，常用命令包括 npx webpack-bundle-analyzer dist/stats.json 分析打包，lighthouse https://yoursite.com --throttling.cpuSlowdownMultiplier=4 做限速测试。优化手段涵盖使用现代图片格式（AVIF/WebP）与响应式图片、为图片指定 width/height 或 aspect-ratio、原生 loading="lazy" 与 fetchpriority="high"、代码分割与懒加载、移除未使用依赖（如用 date-fns 替代 moment、按需引入 lodash）、启用 tree shaking、对脚本使用 async/defer、设置缓存头与使用 CDN。
适用场景：网站/应用加载慢、移动端性能差、打包体积过大、图片导致布局偏移、TTFB 偏高、需为性能审计做准备等。
限制与注意：应先测量再优化，避免盲目改动；不要只测桌面端，需在真实移动设备与慢速网络验证；不要阻塞渲染或一次加载全部资源；图片必须指定尺寸；避免同步脚本；不要忽略第三方脚本、压缩与资源版本化。资料未提供该技能的收费、价格、平台等具体信息，暂未提供。