What problem does it solve? Teams often optimize blindly, adding complexity without improving what users actually feel. This Skill enforces a measure-first workflow so every performance change targets a real, profiled bottleneck and is verified against a baseline before it ships. ## Core Features & Use Cases - Measure-Identify-Fix-Verify-Guard Workflow: A five-step loop covering baseline measurement, bottleneck identification, targeted fixes, re-measurement with keep-or-revert decisions, and regression guards via CI budgets and RUM monitoring. - Frontend Optimization: Core Web Vitals targets (LCP, INP, CLS), responsive image markup with art direction, bundle splitting with lazy loading, and React re-render elimination using memo and useMemo. - Backend Optimization: N+1 query elimination, pagination, EXPLAIN ANALYZE-driven indexing, connection pool sizing, and layered caching with key design, invalidation strategies, and stampede protection. - Use Case: Your API's p95 latency spikes after a release. Use this Skill to profile query logs, find an N+1 pattern, fix it with a single joined query, re-measure against the baseline, and add a CI performance budget to prevent regression. ## Quick Start Ask the agent to profile the slow endpoint or page, identify the bottleneck, and apply a verified fix with before-and-after measurements.
