What problem does it solves?
This Skill systematically identifies and resolves performance bottlenecks in applications, ensuring fast page loads, responsive APIs, and excellent user experience, which is crucial for user retention and SEO.
Core Features & Use Cases
- Profiling & Measurement: Guides through using tools like Chrome DevTools, Lighthouse, and database logs to pinpoint exact performance issues.
- Database Optimization: Provides strategies for adding indexes, eliminating N+1 queries, and optimizing SQL for faster data retrieval.
- Caching Strategies: Implements multi-layer caching (Redis, CDN, HTTP headers) to reduce load times and improve response efficiency.
Quick Start
Fastest path to better performance:
- Measure first (don't guess!)
- Run Lighthouse audit:
lighthouse https://yoursite.com
- Profile with Chrome DevTools Performance tab
- Check backend: Enable slow query logging
- Identify actual bottlenecks
- Quick wins (15-30 minutes each)
- Add database indexes on WHERE/ORDER BY columns
- Enable compression (gzip/brotli)
- Add CDN for static assets (Cloudflare free)
- Lazy load images with
loading="lazy"
- Enable Redis caching for API responses