Take a deliberately slow web application and optimize it to achieve a perfect 100 Lighthouse score. Fix render-blocking resources, implement code splitting, optimize images, and more.
performancelighthouseoptimizationweb-vitals
Objectives
Achieve 100/100 on all Lighthouse categories
Implement code splitting and lazy loading
Optimize images with modern formats and responsive sizes
Eliminate render-blocking resources
Implement effective caching strategies
Hints
Start by auditing with Lighthouse and WebPageTest
Focus on Core Web Vitals: LCP, FID, CLS
Use dynamic imports for route-based code splitting