Core Web Vitals 2022

The essential web signals are based on three measures of a site's loading speed and user experience (UX). These are the criteria that Google uses to evaluate the good web experience of a site. How do you comply with them in 2022? We explain it all to you.

performance audits

How do Core Web Vitals work?

Mouad Boulaabi, SEO expert consultant at SmartKeyword, with 11 years of experience in agencies and advertisers, explains in 6 episodes the challenges of these new metrics and how to improve them for your SEO.

class="img-responsive

The UX pyramid

3:04 mins

Episode2

Psychology in UX

5:22 mins

Episode 3

The new metrics

7:50 mins

class="img-responsive

LCP, DIF and CLS in detail

14:19 mins

class="img-responsive

Using Pagespeed Insights to audit your performance

11:40 mins

Episode 6

Use Chrome Dev Tool to audit your performance

6:06 mins

Answers to your questions

No particular technology, everything is possible! Only the experience and ease of the developer will be able to ensure good scores. Nevertheless, having a good CDN or caching system (additional costs on top of the hosting) will certainly give you a head start :) 

There is a 28 day delay or not, depending on whether we are talking about field or lab data. So I would say that you have to simulate the Core web vitals with internal data using the console and adequate libraries that developers are normally used to using.

Google, as usual, likes to make us do its work for it by cleaning up the index to make browsing more comfortable for its users and to improve the user experience, due in part to improved loading and display speeds. However, it cannot "impose" on websites, blogs etc. to invest in actions that are sometimes very technical and sanction them if these actions are not implemented. I would therefore say that the priority if the score is decent remains for me the content and the other SEO levers (structure/technical, netlinking).

The choice in quick and simple actions will necessarily be limited but it will be advisable to put efforts on optimising images, preloading resources such as fonts, not loading obsolete resources (JS, old CSS calls, etc.), grouping and minifying CSS and JS elements (non-third party), and optimising the display order of the largest elements of your page.

Desktop sites enjoy an ease of passing vital Core web due to the fact that desktop stations are more powerful in terms of hardware to display a website on a browser, computation is faster, DOM is rendered faster, etc etc. This is why generally a desktop score will always be higher than a mobile score. Moreover, as most sites are RWD, mobile recommendations will mostly benefit the desktop version. "Mobile first" as they say ;)

It is often non-optimised images, non-existent compression for certain static resources, non-enabled font pre-loading, or non-minified or grouped elements when possible (CSS,JS)   

Not especially for the client portfolio we follow... but the downgrades were mostly observed on abnormally long sites.

If your site is RWD (responsive web design) it will certainly pass the mobile compatibility test, but there is no guarantee that it will pass the Core Web Vitals test! This depends on several parameters such as the technical base used (CMS, etc), the hosting or the way in which resources are called up to display the page...

Yes, you have to take into account the template/ if you are caching and the template changes, you have to re-cache, change the cache and address the right width to Google.

There are known SEO taboos, for example identical product sheets on the same product on several sites. And Google does not penalize despite its rule on duplicate content. Google is very fond of media, to provide Google News, the AMP format that loads quickly is the focus of media.

Rely on the CDN's guidance on this. Tip, give them your best competitor as a starting point for configuration.

No, but it will become so. Google favours the answer to the query.

This is not a ranking factor, according to Google, but what is certain is that Google will put the site on its radar, so with equivalent optimization, the site will be moved down.

No, less so, because we're on a technology that uses JavaScript (JS) which will relieve the main thread.

The 3 Core Web Vitals

large-contentful-paint

Largest Contentful Paint (LCP)

What is the largest visual content on your page to display?

For a good user experience, a website should ensure that the LCP arrives within the first 2.5 seconds after the page starts loading.

First Input Delay (FID)

Measures the time between when a user first interacts with a page (i.e. clicks on a link, presses a button or uses a custom Javascript control) and when the browser is actually able to respond to that interaction.or uses a custom Javascript control...) and the moment when the browser is actually able to respond to that interaction.

Cumulative layout shift (CLS)

How much content can be seen, is visible, has been moved into the so-called viewport? The viewport is what is available, it's what fits in the perimeter of your screen.

What was moved 500 milliseconds after there was an action, a user interaction, that moved place?

Every 15 days, the SEO news not to be missed!

    SmartKeyword-actu-seo

    The new way to perform in SEO

    clients-logos-smartkeyword
    Go to top