How to pass Google's Core Web Vitals test on your website

[tongfkymm44]

I'll start by telling you that this tutorial explaining how to pass the Core Web Vitals test is designed for websites developed with WordPress, but you can still use several of the recommendations if your website does not use that CMS, so if you have a WordPress website, you will have the step-by-step instructions to improve it, and if it is with another technology, you will have a much clearer idea of ​​what to do or where to start optimizing it.

But before moving on to the tutorial, let me tell you a little about Core Web Vitals and Google's performance test.



Google's Core Web Vitals test evaluates the user experience on a web page using three metrics:

Largest Contentful Paint (LCP) , which measures the loading time of the main content.

First Input Delay (FID) , which measures the time it takes from when the user first interacts with the page until the browser responds.

Cumulative Layout Shift (CLS) , which quantifies visual stability by looking at how much page elements move during loading.

Passing the Core Web Vitals test is very important if you want Google to look favorably on your website, since this test is based on the possible user experience when accessing the content of the different pages, and we already know that user experience is one of the important factors taken into account in the rankings, and that has been confirmed with the recent leaks that show how Google uses user click data, that is, that it analyzes that browsing experience.

The Core Web Vitals test is easily generated from this URL:


And it can be analyzed for both mobile and desktop, although if we pass the test for forex leads database lists mobile, it is almost guaranteed that for a responsive website, it will also pass for desktop.

In addition to the Core Web Vitals test, we will also give you recommendations to be able to apply improvements in the different points that the complete test analyzes:

Performance Accessibility SEO Best Practices



Improve your SEO!
page-speed-test-google





Each of these 4 areas will appear in green if you have more than 90 points out of 100, in yellow between 50 and 89, and in red between 0 and 49.

page-speed-test-google-scores



Table of Contents
And why is it so important to work on these points and the Core Web Vitals?
Enough introduction, let's get to the explanation:
What we did:
And why is it so important to work on these points and the Core Web Vitals?
Because it will give you an advantage over your competitors, since many websites currently do not have good scores in these tests for different reasons, including the use of visual layout designers that generate a lot of unnecessary code and that, although they produce very good visual results, have very poorly optimized resources, generating pages that load slower than they should.

Enough introduction, let's get to the explanation:
As an example to explain what was done we will use the domain marketing4all.es

This project failed the Core Web Vitals test on mobile or desktop.

This is because the project started with an Agile methodology, that is, it advanced by generating evolutions that added value and proved that the project was viable and could continue to advance, so the focus of the first stages was 100% on creating quality content and in large volume, so less work was done on the technical optimizations that would allow these requirements to be met.

Once the project's organic growth metrics confirmed that the idea was good and users were having a positive interaction, it was time to move on to applying the optimizations required to pass the Core Web Vitals and the Performance, Accessibility, Best Practices and SEO parameters.

What we did:
First of all, it is necessary to determine the starting point in order to carry out an optimization plan and prioritize actions to achieve the greatest impact. To do this, the domain must be analyzed with Google's Page Speed ​​Insights tool and can also be viewed from the Experience > Core Web Vitals section of Google Search Console.

The difference between the data from one site and the other is that from Page Speed ​​Insights, you can see the reality of the data at the moment and from Search Console you can see the history of all your URLs as you apply and validate changes, although it takes a little while to update.

In our example, we started with the analysis of the website for the home page, a category page (list of articles) and final content (post-type page) and, as we said before, the results showed us that we did not pass the test and that we also had problems in the performance and accessibility sections.