Skip to main content
ExpertExpert3 weeks

Performance Optimization

Improve real user experience through Core Web Vitals, bundle analysis, image optimization, caching, and rendering strategy.

Topic 22 of 24

Prerequisites

  • Next.js
  • Testing

Key Concepts & Skills

  • Core Web Vitals
  • Bundle analysis
  • Lazy loading
  • Images
  • Caching
  • Rendering strategy

Learning Outcomes

  • Understand the core principles of Core Web Vitals
  • Configure and deploy Bundle analysis successfully
  • Troubleshoot common issues with Lazy loading
  • Understand the core principles of Images
  • Configure and deploy Caching successfully
  • Troubleshoot common issues with Rendering strategy

Resources

Official documentation

Interactive practice

Practice Exercises

Project Task

Take a slow page and improve Lighthouse performance by 30+ points.

Quiz