Optimize for Core Web Vitals

In this course we will learn how to optimize for core web vitals.

The overall core web vital optimization journey could be daunting & complex, however key to successful optimization is to do it step by step and one optimization at a time.

There are 3 parts of optimization areas you will have to focus on. They are as following:

Largest Contentful Paint (LCP)

Largest Contentful Paint threshold recommendations

measures loading performance. To provide a good user experience, LCP must occur within 2.5 seconds of when the page first starts loading.

Interaction to Next Paint (INP)

Interaction to Next Paint threshold recommendations

measures interactivity. To provide a good user experience, pages must have a INP of 200 milliseconds or less. (FID has been replaced with INP)

Cumulative Layout Shift (CLS)

Cumulative Layout Shift threshold recommendations

measures visual stability. To provide a good user experience, must should maintain a CLS of 0.1. or less.