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.