performance-profiler
快速定位前后端瓶颈并给出可执行优化建议。
某些诊断需访问生产环境或高权限工具,注意安全与隐私。
端到端性能诊断与优化,从核心指标到后端剖析。
做从前端到后端的性能诊断:Core Web Vitals(LCP、INP、CLS)、Lighthouse 审计、Bundle 分析,外加后端 CPU/内存和数据库查询剖析。用在页面加载慢、LCP 高、响应慢或想设定性能预算时,会给出具体优化点和优先级。能检测 N+1、提出缓存(Redis/CDN/HTTP)策略并结合工具(Chrome DevTools、clinic.js)给出可执行建议。
▸ 展开 SKILL.md 英文原文
Performance profiling and optimization for web apps — Core Web Vitals (LCP, INP, CLS), Lighthouse audits, bundle analysis, backend profiling (CPU, memory, DB queries), N+1 detection, caching strategies (Redis, CDN, HTTP), and performance budgets. Use when user asks to improve performance, run Lighthouse audit, profile a Node.js app, optimize Core Web Vitals, reduce bundle size, or investigate slow response times. Do NOT use for database schema optimization (use db-sculptor), Docker image optimization (use docker), or CDN configuration.
帮我安装这个 skill:https://raw.githubusercontent.com/EliasOulkadi/shokunin/master/.pack/skills/performance-profiler/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/EliasOulkadi/shokunin/master/.pack/skills/performance-profiler/SKILL.md"# Performance Profiler Find and fix performance issues from frontend to backend. Based on Google Core Web Vitals, Lighthouse, Chrome DevTools, and production patterns from WebPageTest and clinic.js. ## Sub-Commands | Command | Description | |---------|-------------| | `audit` | Run comprehensive performance audit (frontend + backend) | | `vitals` | Audit Core Web Vitals specifically (LCP, INP, CLS, TBT) | | `lcp` | Optimize Largest Contentful Paint | | `inp` | Fix Interaction to Next Paint (long tasks) | | `bundle` | Analyze bundle size and split strategy | | `backend` | Profile Node.js/Python backend performance | | `budget` | Set and verify performance budgets | ## Workflow ### Step 1