What problem does it solve?
This Skill addresses slow application performance, high latency, and inefficient resource usage, which lead to poor user experience and increased operational costs. It automates the identification and resolution of performance bottlenecks across all layers.
Core Features & Use Cases:
- Performance Analysis & Benchmarking: Measures Core Web Vitals, page load times, and resource sizes.
- Bottleneck Detection: Identifies performance issues in frontend (JS bundle size, rendering), backend (N+1 queries, caching), and infrastructure.
- Optimization Strategy & Implementation: Proposes and implements code-level and architectural optimizations with code examples.
- Use Case: Your e-commerce site is experiencing slow page loads and high bounce rates. This Skill can analyze Lighthouse reports, identify large JavaScript bundles and N+1 database queries, and then propose and implement code changes like code splitting, image optimization, and eager loading to drastically improve speed.
Quick Start:
My web application is slow. Analyze its performance and suggest optimizations. The main issue is slow page loading.