用途:该技能提供跨整个技术栈的性能分析与优化框架,适用于应用变慢、数据库查询过久、前端包体积过大、API 响应超目标、Core Web Vitals 需改进或准备应对高流量等场景。
主要能力:给出前端 Core Web Vitals 目标(LCP<2.5s、INP<200ms、CLS<0.1、TTFB<200ms)与后端目标(简单读取<100ms、复杂查询<500ms、写操作<200ms、索引查找<10ms);按网络、数据库、CPU、内存、渲染分类瓶颈与对应工具;提供数据库优化模式(补索引、修 N+1、游标分页、连接池)与 SQL 诊断语句,如 EXPLAIN ANALYZE 与 pg_stat_statements;给出 L1 内存、L2 Redis/Memcached、L3 CDN、L4 数据库的缓存层级与 cache-aside 模式;覆盖前端包拆分、tree shaking、图片优化、memo 化、虚拟列表与批处理;并附带模板文件的命名引用,如 templates/database-optimization.ts、templates/caching-patterns.ts、templates/frontend-optimization.tsx、templates/api-optimization.ts、templates/performance-metrics.ts。
使用方式:按需查诊断命令,如 lighthouse http://localhost:3000 --output=json,以及 npx @next/bundle-analyzer 或 npx vite-bundle-visualizer 做包分析;按监控清单在发布前检查 Lighthouse 分数、Core Web Vitals、包体积、查询剖析、压缩与 CDN,上线后持续监控、告警、接入 Lighthouse CI 与 RUM。
限制:仅依据资料整理,具体模板内容、安装步骤与完整代码未提供,需另行获取;技能未说明收费、平台与效果保证。