What problem does it solve?
It helps diagnose and fix slow, laggy, janky user experiences by targeting the real bottlenecks in loading, rendering, animations, images, and bundle size.
Core Features & Use Cases
- Performance assessment: Evaluate Core Web Vitals (LCP, INP/FID, CLS), loading timelines, bundle and runtime costs, and network request behavior before changing anything.
- Optimization strategy: Apply targeted improvements for loading performance, rendering performance, animation smoothness, and React/framework-specific efficiency.
- Verification & monitoring: Validate changes with before/after metrics and real-device testing to ensure improvements are measurable and no regressions are introduced.
Quick Start
Use the optimize skill when your site feels slow and ask it to measure current Core Web Vitals and bundle size, then provide an ordered plan of concrete optimizations and verification steps for mobile and slow connections.