Class 27 - Core Web Vitals Part 1 | Website Speed Optimization
|Free Advanced SEO Course With Notes
Watch the Full Video : Core Web Vitals Part 1 | Website Speed Optimization
Core Web Vitals:
Core Web Vitals are metrics that tell you about the performance of any website. Google invented these Core Web Vitals so that the performance of a website can be measured without considering its hosting or any other factors.
LCP: Largest Contentful Paint
In any website, the particular part of a webpage that is the largest. On any page of a website, the part that is visible without scrolling, the largest area in that section that contains content, whether it is an image, text, or video, is called the Largest Contentful Area.
Google’s expectation is that whenever a website starts loading, its Largest Contentful Paint should load and become visible within 2.5 seconds.
If an LCP issue is occurring on an element that you can divide, then you should divide it, like text, lines, etc.
If you want to set the minimum height of any element, then edit the page in WordPress and go to Elementor. There, click on Edit for that element, and you will find the option to set the height.
CLS: Cumulative Layout Shift
Whenever a website starts loading, the CLS should be at most <0.1 or even lower.
If a website has a CLS issue and the layout shifts, then we will go into the CSS in the code, identify the particular area that is shifting and the elements appearing there, and set their minimum height. This means we tell the browser in advance that these elements are going to appear in this particular area.
INP: Interaction to Next Paint
After going to any website and after clicking on any element, how much time it takes for changes to appear on that page is called Interaction to Next Paint.
After any webpage is opened, if you click on any element and that page takes time to respond, then it is called INP (Interaction to Next Paint).
The INP time is 200 milliseconds, which means that in this criteria, after clicking, the page should load within one-fifth of a second.
Now, what will be the solution? The solution is that whenever you click on any element of a webpage, there should not be any kind of background loading, which means it should be shown directly, because if there is any process in the background, then the page will take time to load.
Google Has Divided Core Web Vitals Into 2 Parts
Field Data:
Score of LCP, CLS, and INP for real viewers means what experience the people who are visiting our website had. (Google considers these reports in Core Web Vitals.)
Lab Data:
Lab data is what we check, the issues that we see in the PageSpeed Insights tool.
FCP: First Contentful Paint
TBT: Total Blocking Time
Speed Index
First Contentful Paint, Total Blocking Time, and Speed Index are not part of Core Web Vitals. Google tests these metrics, and they have a different use.