Summary
- Systematically identify and fix performance bottlenecks across loading, rendering, animations, and bundle size.
- Covers five optimization areas: image optimization, JavaScript/CSS reduction, font loading, rendering performance, and animation efficiency Includes Core Web Vitals guidance (LCP, FID/INP, CLS) with specific thresholds and remediation strategies Provides code examples for common patterns: lazy loading, code splitting, layout thrashing prevention, GPU-accelerated animations, and virtual scrolling Emphasizes measurement before and after optimization, testing on real devices with throttled connections, and avoiding premature optimization