Many web owners complained about checking their Core Web Vitals. Google has been trying to resolve this issue by giving many ways and finally, they have given the web owners 6 ways to measure these things.
Site owners are praising this decision from Google as they have now provided 6 fresh ways to do it. The Core Web Vitals came up a few weeks ago and anyone can measure it using Chrome UX report.
Based on some opinions of Google, Core Web Vitals are supposed to be mixed into the ranking algorithms of Google. This is the reason why most of the existing tools of Google are getting the feature to measure this vital day by day. Here is the list of tools that we are talking about:
- Web Vitals Extension
- Chrome UX Report
- Chrome DevTools
- PageSpeed Insights
- Search Console
Now we will discuss in detail the features of these tools one by one.
Web Vitals Extension
This is a new extension that you can install from Chrome Web Store. This is a nice and efficient tool that can measure three Core Web Vitals metrics and that too in real-time.
Chrome UX Report
Present on millions of websites as a public dataset of real user experience, this is one of the most widely used tools to measure Core Web Vitals. The best thing about this report is the measurements done here are on real-world data rather than lab data. In other words, it measures the full versions of all Core Web Vitals. It has also been updated that gives it a new landing page specifically for Core Web Essentials.
Chrome DevTools is one of the most widely used tools to measure Core Web Vitals. Visual Instability is one of the most common issues faced by site owners that may eventually lead to Cumulative Layout Shift. So, if you are one such site owner who is facing this issue, you can use Chrome DevTools to fix it. You can check the layout shift by following the steps mentioned below:
Go to the Summary tab and choose the option Layout Shift. You can hover over the options “Moved from” and “Moved to” fields to precisely check where the shift occurred.
With Chrome DevTools, you can also measure TBT (Total Blocking Time). This is one of the essential things to do if you want to enhance First Input Delay (FID). At the time of checking the performance, you can go to the folder of Chrome DevTools Performance Panel to check the Total Blocking Time.
The recent updates of Lighthouse added new features to it like a newly composed performance score, extra audits, new metrics, etc. Two new metrics that have been added to it are Cumulative Layout Shift (CLS), Largest Contentful Paint (LCP). With the help of these metrics, you will get all the essential diagnostic information for enhancing the user experience of your site.
The third metric included here is Total Blocking Time (TBT) which would be correlated to First Input Delay (FID).
This tool has been updated to be compatible with the latest version of Lighthouse. This is the reason why you can measure Core Web Vitals in the field as well as the web section of the report using this tool.
In this tool, the Core Web Vitals are represented using a blue ribbon. You can look at the image below for more clarity.
The site owners can evaluate pages of their entire site using the new report in Search Console. This report will tell you about the group of pages that need more attention. This report is made using the real-world data from the Chrome UX report.
But this report will eliminate all the URLs that don’t have a minimum amount of reporting data.
In this blog, we have covered essential things about these tools in detail. In case you find anything lacking, please let us know in the comment section below.