Skip to content

Improving your Core Web Vitals

Let's look at how we can improve the Core Web Vitals of our example using Next.js features.

In this lesson, you’ll learn:

  • What Lighthouse is and how we can use it.
  • How to use next/image to automatically optimize images.
  • How to dynamically import libraries and components to reduce your initial JS bundle.
  • How to preconnect to third-party scripts.
  • How Next.js optimizes web font loading by default.
  • How to optimize loading of any third-party scripts.