SuperAPI AI 工具集

performance-optimization

通用与其它

查看项目

更新于 10-16 04:33

技能介绍

用途:在存在性能指标要求、怀疑出现性能回退、Core Web Vitals 或加载时间不达标时,指导应用性能优化。核心原则是先测量后优化,避免无依据的过早优化。

主要能力:给出 Core Web Vitals 目标阈值(LCP:好≤2.5s,待改进≤4.0s,差>4.0s;INP:好≤200ms,待改进≤500ms,差>500ms;CLS:好≤0.1,待改进≤0.25,差>0.25);提供五步流程:测量→定位→修复→验证→防护;按“什么慢”的症状树引导先测什么,并列出前后端常见瓶颈与排查手段;汇总常见反模式修复(N+1 查询、无分页拉取、图片缺少尺寸与优化、React 不必要重渲染、包体积过大、缺少缓存);给出性能预算与 CI 强制方式。

使用方式:前端合成测量用 Chrome DevTools Performance 录制或 Lighthouse(含 CI),真实用户监控用 web-vitals 的 onLCP、onINP、onCLS;后端做响应时间日志、APM 与数据库查询计时。预算可在 CI 用 npx lhci autorun 和 npx bundlesize --config bundlesize.config.json 执行。文中给出查询 include 合并、分页 take/skip、picture/srcset 图片、React.memo/useMemo、lazy 动态导入、缓存 TTL 与 Cache-Control 等示例。

适用场景:具备性能指标规格的功能开发、大流量或大数据集功能、性能回退排查与监控补建。

限制:该技能不包含 references/performance-checklist.md 支持文件,需从上游来源或本地安装获取并核验后方可执行相关步骤,缺失前应报告相关步骤不可用,不得虚构脚本。仅在上游来源与本地项目上下文匹配时使用;示例不能替代环境特定测试、安全评审与破坏性操作的授权确认。