Performance Optimization

Systematic approach to identifying and fixing performance bottlenecks.

Key Principles

• Measure first — Never optimize without data; establish baseline metrics
• Identify bottleneck type — Network, CPU, memory, I/O, or rendering
• One change at a time — Apply targeted fix, re-measure, compare against baseline
• Quick wins first — Check compression, caching, indexes, N+1 queries before deep optimization

Core Web Vitals Targets

Quick Start Checklist

1. Measure baseline (Lighthouse, RUM data, or APM)
2. Identify bottleneck type: network, CPU, memory, I/O, or rendering
3. Check quick wins: compression, caching headers, indexes, N+1 queries
4. Read relevant reference for deep optimization
5. Apply fix, re-measure, validate improvement
6. Set performance budgets and enforce in CI

References