Core web vitals, as we have already explained, are made up of 3 main elements that seek to guarantee fast loading and a good user experience: the LCP (content loading), FID (interactivity) and CLS (visual stability).
Next, we are going to define each of these three elements:
1st LCP or Largest Contentful Paint
How long does it take to load the content?
The LCP or Largest Contentful Paint, is the metric that measures the loading time of the content and the largest element of the above the fold or first visible screenshot of the Web Oman Email List.
In other words, from the moment you enter a page until the complete visual load of the page ends, but only of what is seen without having to scroll down.
Here, the duration of the heaviest process is taken, be it text, image, video, an element within another, elements of the type block.level or a background image loaded by URL.
Suppose you access your favorite magazine and the first element to load is the title, then the image and the rest of the content follow, if the image is the heaviest element, the LCP will be very high.
Now, if it were the opposite, the image loads first and then the other elements like the title, the LCP would definitely be much lower.
»The range when measuring the LCP
Good: less than 2.5 seconds.
Medium: between 2.6 and 4 seconds.
Bad: more than 4 seconds.
An optimal LCP should be less than 2.5 seconds.
If you want to know more about the subject, these are some recommendations from Google to optimize Largest Contentful Paint.
2nd FID or First Input Delay
How many times have you clicked on an element and the web is wondering?
The FID is the metric that measures the loading time of an element when the user clicks, that is, the fast interaction of said site.
If we have to give an example it would be similar to the previous one, although this time the focus falls on the interaction elements such as a button or a link.
Imagine that you want to go to a play and you have the option of reserving tickets on the internet, once all the visual elements of the page are loaded, you start the ticket purchase process by clicking a button.
The time it takes for the page to respond to an interaction or click action is called the FID or First Input Delay.
The correct way to optimize this metric is through the and tags, native HTML text fields responsible for the fulfillment of ongoing tasks socialposts.