用途:当规格中存在性能要求、用户或监控报告变慢、Core Web Vitals 低于阈值、怀疑改动引入回退,或要处理大数据量/高流量功能时,用该技能系统化地优化应用性能。核心理念是先测量再优化,避免无依据的过早优化。
主要能力:给出 Core Web Vitals 目标(LCP≤2.5s、INP≤200ms、CLS≤0.1 为良好);提供五步工作流:测量基线、定位真实瓶颈、修复、再次验证、加监控或测试防回退。测量上建议综合使用合成数据(Lighthouse、DevTools Performance)与真实用户数据(web-vitals 库、CrUX);后端可用响应时间日志、APM、带计时的查询日志。还按症状给出排查路径(首屏加载、交互卡顿、导航后加载、后端 API 慢)与常见瓶颈对照表。
修复参考:涵盖 N+1 查询改用 include 单次查询、分页限制、图片响应式与 AVIF/WebP、lazy loading、fetchpriority、React 稳定引用与 memo/useMemo、动态导入与路由级代码分割、后端缓存与 Cache-Control 头等。并给出性能预算示例(如 JS<200KB gzip、API p95<200ms、Lighthouse≥90)及 CI 校验命令 npx bundlesize 与 npx lhci autorun。
限制:不要在无证据时优化;具体平台、价格、安装与集成步骤资料中暂未提供,需结合项目实际情况与参考文件 references/performance-checklist.md 使用。