Skip to content

22

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.

You've Completed Chapter 22

Next Up

23: Introducing Lighthouse