Performance Optimizer
CommunityAchieve sub-second speeds, delight your users.
Authordaffy0208
Version1.0.0
Installs0
System Documentation
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
- Run Lighthouse audit:
- 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
Dependency Matrix
Required Modules
lighthouseiorediscompressionexpress-rate-limitbullpg
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Performance Optimizer Download link: https://github.com/daffy0208/ai-dev-standards/archive/main.zip#performance-optimizer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.