Web Performance & Core Web Vitals

Web Vitals is an initiative created by Google to provide unified guidance and metrics to measure end-user page experience on the web.

Core Web Vitals is a subset of Web Vitals, and currently consists of three metrics that measure loading, interactivity, and visual stability. These metrics are Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS).

Achieving a great score in these three metrics will create a smoother website experience for your users.

Websites scoring poorly in each of the Core Web Vitals metrics will impact its search engine ranking as Google starts to use Core Web Vitals as a ranking factor for their search algorithm. Poor vitals can have an impact on your web traffic and business.

In this lesson, you’ll learn:

  • A short background on Core Web Vitals.
  • Implications of Core Web Vitals in SEO and UX, and its impact on your website.
  • Why you should care about Core Web Vitals in your development process and how to measure them.
  • How to improve your Core Web Vitals with Next.js and monitor changes.