Performance Optimizer

Identify application performance bottlenecks and prescribe targeted optimizations.

34|7|Updated Oct 22, 2025
One-click install
npx skills add https://github.com/daffy0208/ai-dev-standards --skill performance-optimizer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Performance Optimizer
Source: https://github.com/daffy0208/ai-dev-standards/tree/main/SKILLS/performance-optimizer
Command: npx skills add https://github.com/daffy0208/ai-dev-standards --skill performance-optimizer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires lighthouse, ioredis, compression, express-rate-limit, bull, pg.

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:

  1. 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
  2. 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

Frequently Asked Questions about Performance Optimizer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I identify performance bottlenecks in my web application?

Identify bottlenecks by measuring first using Lighthouse audits, Chrome DevTools Performance profiling, and database slow query logging. These tools pinpoint whether issues stem from frontend rendering, backend APIs, or database queries, revealing exact optimization targets instead of guessing.

What's the fastest way to improve page load speed?

Quick wins include adding database indexes on WHERE/ORDER BY columns, enabling gzip compression, deploying assets to a CDN, lazy loading images, and caching API responses with Redis. Each takes 15–30 minutes and delivers measurable load-time reductions.

How do I eliminate N+1 query problems in my database?

N+1 queries occur when code loops and executes one query per iteration. Solve by batching queries, using JOIN statements, or implementing eager loading patterns. Database optimization prevents redundant round-trips and dramatically reduces API latency.

Can I use Redis and CDN caching together for better performance?

Yes. Redis caches dynamic API responses at the application layer while CDN caches static assets at the edge. Multi-layer caching reduces load times by serving responses from the nearest cache, minimizing database queries and network latency.

What monitoring tools work with performance optimization across frontend and backend?

Lighthouse measures frontend metrics and Core Web Vitals; Chrome DevTools profiles code execution; database logs reveal query slowness; and compression, rate limiting, and job queues (Bull) handle backend load. End-to-end monitoring tracks improvements across all layers.

When should I add database indexes versus optimizing queries?

Add indexes first on columns used in WHERE and ORDER BY clauses for immediate gains. Optimize queries second by eliminating N+1 problems and unnecessary joins. Indexes are preventive; query optimization targets existing inefficiencies. Both are essential for sub-second response times.