用途：当网站或应用加载缓慢、需要针对 Core Web Vitals（LCP、INP、CLS）优化、缩减 JavaScript 包体积、减少主线程阻塞与慢交互、优化图片与资源、实施缓存策略、排查性能瓶颈或准备性能审计时使用。执行前应先阅读该技能的详细指南，其安全、前置条件与验证要求视为强制。
主要能力：围绕三类核心指标给出优化思路。LCP 方面，使用 AVIF/WebP 等现代格式、压缩图片、CDN 加速、预加载关键图片，并配合 width/height、loading="eager"、fetchpriority="high"。INP 方面，通过代码分割与懒加载、移除未使用依赖、延迟非关键脚本降低主线程阻塞。CLS 方面，为图片设置尺寸与 aspect-ratio，为动态内容预留骨架占位空间。包体积方面，可用 npx webpack-bundle-analyzer 分析构成，替换重型依赖（如用 date-fns 替代 moment）、按需引入 lodash、启用 tree shaking 与路由级代码分割、延迟第三方脚本。图片方面，可用 sharp 生成 WebP/AVIF/JPEG 多格式，配合 picture、srcset、sizes 实现响应式与懒加载，或使用 Next.js Image 组件。
使用方式：先做性能审计确定指标与问题，再按 LCP、INP、CLS 或包体积分项制定优化计划并逐项实施，最后复测指标。示例中给出的命令与代码片段应保持原样使用。
适用场景：网站或应用加载慢、交互卡顿、布局抖动、包体积过大、图片资源过重、第三方脚本拖慢页面，以及上线前的性能审计准备。
限制：仅在任务明确匹配上述范围时使用；输出不能替代针对具体环境的验证、测试或专家评审；若缺少必要输入、权限、安全边界或成功标准，应停止并请求澄清。资料未提供该技能的安装方式、收费与平台支持信息。