What are the Google’s core web vitals and what are the tools to measure them?
Core Web Vitals – the official ranking factor of Google is here to stay for long. Let’s understand in depth that what exactly are those core web vitals…
It mainly three consists of three components:
- Page loading speed (Largest Contentful Paint)
- Interactivity (First Input Delay)
- Visual Stability (Cumulative Layout Shift)
It also requires some other factors such as mobile friendliness of the webpage (mobile responsiveness, safe browsing (having no malware on the site), HTTPS (secure), No intrusive interstitials ( a clean browsing experience) to improve the pages experience for the user.
- Loading (Largest Contentful Paint / LCP)
Largest Contentful Paint (LCP) is a performance metric introduced in 2020 by Lighthouse to better measure the perceived loading experience for users.
In the simplest terms, LCP measures how long it takes for the largest “content element” (e.g., hero image, heading text, etc.) on your page to become visible within your visitor’s viewport.
It simply can be understood by how fast your page can load after a user clicks on the page link on the SERP page.
- Interactivity ( First Input Delay)
This metric measures a page’s load responsiveness and helps identify situations where a page looks interactive but actually isn’t.
It simply measures the time, like in how much time the page fully interactive, a fast interactivity helps ensure that the page is usable.
- Visual Stability (Cumulative Layout Shift)
Cumulative Layout Shift (CLS) is a performance metric introduced in 2020 by Lighthouse to measure the perceived visual stability of a page load.
Simply put, CLS measures the unexpected shifting of web elements while the page is being rendered. This measurement is then quantified as an aggregate score of all the individual layout shifts on your page.
Why Core Web Vitals is introduced?
Google is always looking for a great user experience on it’s platform. If your site ranks on it’s platform and then a user clicks on the link and visits the page and if the page loads too slow, then he will feel frustrated, and within a few seconds he will exit from the page, which is also known as Bounce rate.
So here we can say it like Google is on a mission to provide the best results possible to the users, where they can have a great experience with the page and engage with it more deeply.
Here google officially makes these three the ranking factors for which a site can rank on the top of the SERP results.
In the old days AMP (Accelerated Mobile Pages) were considered necessary as the AMP version of the webpage loads faster on Google, and gives a good user experience to a user. But from now on AMP will no longer will be required to get webpage ranked on the top stroies page.
How can we measure core web vitals for our website?
Here I will recommend 4 tools which you can use to test your website if it fulfills all the core web vitals requirements or it has to be improved in order to get the search rankings.
And they are Google pagespeed insights, Google search console, lighthouse, and GTmetrix.
Let’s go in deep and find out how to use these tools to test our website.
- Google Pagespeed insights
- First go to Google page speed insights webpage.
- Then in the search box enter the url of your webpage which you want to test.
- Next click on Analyze…
- Then it will strat analyzing your webpage, it will take around 30 seconds to 1 minute maximum.
- Then you will get a mobile score and another one a score for desktop.
- From my experience I can say that if your webpage test rate is more than 60 for mobile version, and more than 90 for the desktop version then it is a great number.
- You can also see the lab data
- Next after scrolling down, coming to the opportunities section you will get all the recommendations from google to optimize your webpage to get all ranks higher, and get a better test result.
- Google Search Console
- First go to Google search Console
- Now in the experience section, you can check the core web vitals, view the page experience and the mobile usability report also. It’s a great handy feature.
- First visit the webpage where you want to do the page test.
- Next right click on your mouse, and the select ‘inspeect element’
- Now at the top of elements menu, choose ‘Lighthouse’ option
- Next choose all thee categories you want to audit, and then click on Generate Report.
- Then you will get the core web vitals reports like, Performance, Accessibility, Best practices, SEO, progressive web app etc,
- Go to gtmetrix.
- Next paste the url in search box
- Then it will analyze the web page
- After that you can see your performance report and suggestions to improve your core web vitals.
So that’s all about Core Web Vitals and how you can test your website if it is ready for core web vitals or not.
If like this content then forget to share, and if you want to read more blogs like this then subscribe to our email news letter and read more from here.