What Are Core Web Vitals? | Core Web Vitals.

What Are Core Web Vitals? | Google's Core Web Vitals.

 What Is Core Web Vitals?

Core Web Vitals are a set of certain factors that Google considers essential in a webpage’s whole user experience (UX). Core Web Vitals are made up of 3 specific page speed and user experience measurements: largest contentful paint(LCP), first input delay(FID), and cumulative layout shift(CLS).

In other words, Core Web Vitals are a subset of factors that will be an element of Google’s page experience score.

Largest Contentful Paint (LCP).

It is a Core Web Vitals metric when the larger content element in the viewport becomes visible. It can be used to detect when the main content of the webpage has completed rendering on the screen.

here are some things you can do to enhance your site’s LCP:

• Remove unnecessarily third-party scripts.

• Upgrade your web host: Better hosting=faster load your website.

• Set up lazy loading: Lazy loading makes it so images only load when someone scrolls down your webpage. This means that you can achieve Largest Contentful Paint significantly faster.

• Remove large page elements: Google PageSpeed Insights tool will help you if your page has an element that’s slowing down your page’s Largest Contentful Paint.

• Minify your CSS(Cascading Style Sheets): large CSS can significantly delay Largest Contentful Paint (LCP) times.

 First Contentful Paint (FCP).

It is another crucial performance measurement.  First Contentful Paint (FCP) measures the point in time when the 1st content from the DOM( Document Object Model) is rendered – meaning the 1st HTML element is displayed. This can be text, images, or everything that a user will recognize as being part of the page.

First Input Delay (FID).

It is the time from when a user first interacts with the webpages (when they clicked a link, tapped on a button, and so on) to the time when the web browser answers to that interaction. 

 Here are some things you can do to strengthen your site’s FID scores.

• Minimize your JavaScript:  minimizing or deferring JavaScript on your web page is key for First Input Delay (FID).

• Remove any unwanted third-party scripts: Just like with FCP, third-party scripts especially Google Analytics, heatmaps, etc. can negatively impact First Input Delay (FID).

• Use a browser cache: browser cache benefits load content on your page faster. 

Cumulative Layout Shift (CLS).

Cumulative Layout Shift measures the sum total of all single layout shift scores for every accidental layout shift that occurs during the entire lifespan of the web page. This score is '0' to any +ve number, where '0' means no shifting, and the higher the number, the more Cumulative layout shift (CLS) on the webpage. This is essential because having webpage elements shift while a user is trying to interact with it is a bad or terrible user experience (UX).

Here are some simple things you can do to minimize or Reduce Cumulative Layout Shift (CLS):

• Apply set size attribute dimensions for any media video, images, GIFs, infographics, etc.

• Make sure ad elements have a reserved space.

• Add new User Interfearance (UI) elements below the fold.

Classification of Good, Needs Improvement, Poor.

	Good	Needs Improvement	Poor
FCP	[0 - 1000ms]	[1000ms - 3000ms]	[Above 3000ms]
FID	[0 - 100ms]	[100ms - 300ms]	[Above 300ms]
LCP	[0 - 2500ms]	[2500ms - 4000ms]	[Above 4000ms]
CLS	[0 - 0.1]	[0.1 - 0.25]	[Above 0.25]

You can check your metrics using the Google PageSpeed Insights tool, Some examples are here,

Summary.

Core Web Vitals are attempting to improve or quantify the user experience (UX). So the better your user experience (UX) is in general, so enhanced your webpage experience scores will be.

Also, do check out my latest post on -  8 Major Search Engine Algorithm Updates.