Written by Jamal on 31 mai 2020. Posted in Référencement (SEO).

Core Web Vitals (Signaux web essentiels) : LCP, FID et CLS

L'optimisation de la qualité de l'expérience utilisateur est la clé du succès à long terme de tout site sur le Web. Que vous soyez propriétaire d'une entreprise, responsable marketing ou développeur, les signaux Web essentiels ou vitaux peuvent vous aider à mesurer l'expérience de votre site et à identifier les opportunités d'amélioration.

Le rapport des signaux web essentiels est une initiative de Google visant à fournir des conseils unifiés pour les signaux de qualité qui sont essentiels pour offrir une expérience utilisateur exceptionnelle sur le Web et au même temps pour mesurer la performance des pages web. D’ailleurs l’expérience utilisateur (Expérience de page) devient un facteur de classement en mai 2021.

Google a fourni un certain nombre d'outils au fil des ans pour mesurer les performances des pages web et aider les SEOs à réduire le temps de chargement de leur site web. Certains propriétaires de sites sont devenus experts dans l'utilisation de ces outils, mais plusieurs d’autres ont trouvé de la difficulté à suivre l'abondance d'outils et de métriques qui ne cessent de chargent au fil du temps.

Les propriétaires de sites ne devraient pas être des gourous de la performance pour comprendre la qualité de l'expérience qu'ils offrent à leurs utilisateurs. L'initiative de rapport sur les signaux web essentiels (Core Web Vitals) vise à simplifier le travail des propriétaires des sites et à leur aider à ressourdre leur problème liés à la performance et aux mesures les plus importantes de leur site web, soient les Core Web Vitals. L'ensemble de ces signaux concerne l'expérience utilisateur mais en particulier les facons d'accelerer la vitesse de votre site web.

La majorité de ces techniques vous pouvez probablement les réaliser vos mêmes si vous avez une base de connaissances en SEO. Toutefois, vous pouvez toujours faire appel à une agence SEO si vous avez besoin d’un accompagnement par un professionnel en référencement.

Quels sont les signaux Web essentiels (Core Web Vitals) ?

Si vous recherchez le rapport de la vitesse de votre site dans Google Search Console, il ne porte plus ce nom. Google a discrètement remplacé le nom du rapport de la vitesse par Signaux Web essentiels.

Lorsque vous vous connectez à Google Search Console, Google vous affichera une notification concernant ce nouveau rapport qui vous indique si vous avez des problèmes vitaux avec votre site, comme la vitesse de chargement de votre site et autres signaux essentiels liés à l'experience utilisateur que nous allons détailler dans cet articles.

Core Web Vitals (Signaux Web essentiels) dans la Search Console:

Pour consultez l’était de signaux web essentiels de votre site, connectez-vous sur Google Search Consol et cliquer à droit sur la rubrique Signaux Web essentiels :

Le rapport ressemble beaucoup à la version de Google Pagespeed. Google n'a pas annoncé ce qui a changé exactement dans ce rapport, mais il affiche des statistiques différentes dans Search Consol. Voici à quoi ça ressemble maintenant le rapport des Signaux Web essentiels :

Vous pouvez avoir le détail des problèmes liées au signaux vitaux essentiels pour chaque URL dans Google Search Consol. Comme vous pouvez le constater, le tout tourne au tour de la lenteur de chargement des sites web et la façon de les accélérer:

Quels sont les principaux signaux Web essentiels ?

Il s'agit d'un nouvel ensemble de mesures que Google a présenté plus tôt ce mois-ci. Google le définit comme un ensemble d’indicateurs web vitaux qui s'appliquent à toutes les pages Web. Ces indicateurs doivent être mesurés par tous les propriétaires de sites et seront présentés dans tous les outils Google. Chacun de ces signaux essentiels (Core Web Vitals) représente une facette distincte de l'expérience utilisateur, est mesurable sur chacune des pages. Ces signaux reflètent l'expérience réelle d'un résultat critique centré sur l'utilisateur.

L'ensemble actuel des principaux éléments vitaux et essentiels du Web pour 2020 se concentre sur trois aspects de l'expérience utilisateur : le temps de chargement de vos pages web, l'interactivité et la stabilité visuelle, cela comprend les mesures suivantes (LCP, FID, CLS):

LCD, FID et CLS (Signaux Web essentiels):

Voici les seuils pour la plus grande peinture contentée (the thresholds for largest contentful paint), le premier délai d'entrée et le décalage de disposition cumulé:

Largest Contentful paint : mesure les performances de chargement de la page web . Pour offrir une bonne expérience utilisateur, LCP doit se produire dans les 2,5 secondes suivant le début du chargement de la page.
First Input Delay (FID) : mesure l’interactivité. Pour offrir une bonne expérience utilisateur, les pages doivent avoir un FID inférieur à 100 millisecondes.
Cumulative Layout Shift (CLS) : mesure la stabilité visuelle. Pour offrir une bonne expérience utilisateur, les pages doivent conserver un CLS inférieur à 0,1.

Plus de détails. Google a un nouveau document d'aide concernant ce rapport spécifique sur les signaux Web essentiels concernant l'expérience utilisateur.

Google a déclaré que ce rapport était basé sur trois mesures: LCP , FID et CLS . Si une URL ne contient pas un minimum de données de rapport pour l'une de ces mesures, elle est omise du rapport. Une fois qu'une URL a un seuil de données pour une mesure, l'état de la page est l'état de sa mesure la moins performante.

Pourquoi nous nous soucions. Ce rapport devrait vous aider à améliorer le temps de chargement des pages et les performances globales de votre site Web. Google continuera d'ajouter et de modifier ces statistiques et vous fournira des commentaires automatisés sur les performances et le déali de chargement de vos pages. Utilisez ces rapports pour mesurer les signaux Web essentiels de votre site et avoir des conseils sur lesquels vous pouvez vous concentrer pour apporter des améliorations de performances à votre site Web.

Google dispose désormais de 6 façons de mesurer les éléments essentiels du Web

Comment mesurer les signaux Web essentiels (Core Web Vitals) ?

Google élargit rapidement le nombre d’outils et les façons dont les propriétaires de sites peuvent mesurer les signaux Web essentiels (Core Web Vitals), en particulier tester la vitesse de chargement de leur site. Google offre désormais 6 façons pour mesurer la santé de votre site, en particulier les signes vitaux. Ça veut dire des signaux qui sont vitaux pour votre web, il s’agit de vie ou de mort de votre site.

Core Web Vitals (signaux Web essentiels) a été introduit il y a quelques semaines à peine et, à l'époque, il ne pouvait être mesuré qu'à l'aide du rapport Chrome UX.

Avec l'annonce de l'intégration de Core Web Vitals (signaux Web essentiels) dans l'algorithme de classement, Google ajoute des capacités de mesure à bon nombre de ses outils existants.

Les valeurs vitales (signaux Web essentiels du Web de base) peuvent désormais être mesurées en utilisant:

Search Console
PageSpeed Insights
Lighhouse
Chrome DevTools
Rapport Chrome UX
Extension Web Vitals

Voici les 6 outils pour mesurer les signaux Web essentiels de vos page :

Search Console

Comme on a expliqué auparavant, Il existe un nouveau rapport Core Web Vitals (signaux Web essentiels) dans la Search Console pour aider les propriétaires de sites à évaluer les pages d'un site entier. Avec ce rapport, sachez que les pages seront omises si elles ne respectent pas un minimum de ces données de rapport.

PageSpeed Insights

PageSpeed Insights a été mis à niveau pour utiliser Lighthouse 6.0, ce qui le rend capable de mesurer les signaux Web essentiels (Core Web Vitals ), en plus de la lenteur des pages.

Les Web Core Vitals sont annotés avec un ruban bleu comme indiqué ci-dessous. J'ai donnée l'exemple de la page de Google analytics! Il respecte bien ses propres régles! Blague à part :)

Mesurer les signaux Web essentiels avec Lighthouse

Lighthouse a été récemment mis à niveau vers la version 6.0, qui comprend des audits supplémentaires, de nouvelles mesures et un score de performance nouvellement composé. Vous pouvez l'installer sur Google Chrome comme extension, très utile.

Remarque: N'essayez pas d'avoir 100% partout, vous allez devenir fous. Testez les pages de Google et Facebook et vous allez voir qui sont loin de 100% partout. Leur vitesse de chargement de page est également laisse à désirer. Misez sur l'essentiel.

analyse site avec Lighthouse 6 façons de mesurer les signaux Web essentiels (Core Web Vitals)

Deux de ces nouvelles mesures ajoutées sont la plus grande peinture contentieuse (LCP) et le décalage de mise en page cumulatif (CLS).

Ces mesures sont des implémentations en laboratoire des signaux web essentiels et fournissent des informations de diagnostic pour optimiser l'expérience utilisateur.

On dit que la troisième nouvelle métrique, Temps de blocage total (TBT), est en bonne corrélation avec le premier délai d'entrée (FID), qui est une autre métrique de Core Web Vitals.

Tous les produits dont Lighthouse dispose sont mis à jour pour refléter la dernière version. C'est un très bon outil pour tester et mesurer les signaux web essentiels, en particulier le temps de chargement de la page.

Rapport Chrome UX pour mesurer les signaux web essentiels

Également appelé CrUX, ce rapport est un ensemble de données public provenant des statistiques réelles sur l'expérience utilisateur des millions de sites Web.

Le rapport Chrome UX mesure les versions sur le terrain de tous les signaux web essentiels, ce qui signifie qu'il génère des rapports sur des données réelles plutôt que sur des données de laboratoire.

Google a récemment mis à jour le rapport avec une nouvelle page de destination Core Web Vitals (signaux Web essentiels).

Google dispose désormais de 6 façons de mesurer les signaux essentiels du Web

Le rapport est accessible ici.

Chrome DevTools pour mesurer les signaux Web essentiels

Chrome DevTools a été mis à jour pour aider les propriétaires de sites à trouver et à résoudre les problèmes d'instabilité visuelle sur une page. Ce qui peut contribuer au changement de mise en page cumulative (CLS).

Sélectionnez un décalage de mise en page pour afficher ses détails dans l'onglet Résumé. Pour visualiser où le changement lui-même s'est produit, survolez les champs déplacés depuis et déplacé vers.

Chrome DevTools mesure également le temps de blocage total (TBT), ce qui est utile lorsqu'il s'agit d'améliorer le premier délai d'entrée (FID), ca veut dire le délai que votre page à commencé à s'afficher.

TBT est désormais affiché dans le pied de page du panneau Chrome DevTools Performance lorsque vous mesurez les performances de la page.

Les optimisations de performances qui améliorent le TBT en laboratoire devraient également améliorer le FID.

Extension Web Vitals (signaux Web essentiels)

Une nouvelle extension, désormais disponible à installer depuis le Chrome Web Store, mesure les trois métriques des signaux web essentiels (Core Web Vitals) en temps réel.

Vous pouvez télécharger et installer l'extension ici.

Voir aussi:

Last updated on 1 décembre 2021.