Traduit de l'anglais à l'aide de l'IA
Veuillez noter que cet article a été traduit à l'aide de la technologie IA. Bien que nous travaillions à maintenir l'exactitude, certains détails peuvent ne pas refléter parfaitement le texte original. Si vous avez des doutes sur une information, veuillez vous référer à la version anglaise.
Développés par Google, les Core Web Vitals (CWV) sont décrits comme un ensemble de métriques de performance qui "mesurent l'expérience utilisateur dans le monde réel pour la performance de chargement, l'interactivité et la stabilité visuelle de la page". Les trois Core Web Vitals (CWVs) sont :
- Largest Contentful Paint (LCP) : mesure la performance de chargement
- Interaction To Next Paint (INP) : mesure la réactivité
- Cumulative Layout Shift (CLS) : mesure la stabilité visuelle
Améliorer vos Core Web Vitals peut conduire à une meilleure expérience utilisateur, à une augmentation du trafic organique et finalement à plus de conversions pour votre site web.
Assurer que vos utilisateurs aient une expérience digitale positive devrait jouer un rôle clé dans toute entreprise en ligne, car l'expérience de la page impacte votre classement dans les résultats de recherche Google.
Une partie de l'algorithme de classement de Google est déjà dédiée à l'évaluation de l'expérience utilisateur (UX). En août 2021, Google a ajouté les Core Web Vitals comme un signal pour évaluer la qualité de l'UX.
Signaux de recherche d'expérience de page
L'expérience de page est un ensemble de signaux qui mesurent comment les utilisateurs perçoivent l'expérience d'interaction avec une page web au-delà de sa valeur d'information pure.
Largest Contentful Paint (LCP)
Largest Contentful Paint (LCP) mesure la performance de chargement et fait partie des Core Web Vitals. Google utilisera les Core Web Vitals comme signal de classement dans les résultats de recherche en 2021.
Comprendre le Largest Contentful Paint (LCP)
Largest Contentful Paint (LCP) mesure le temps de rendu du plus grand élément de contenu visible dans la fenêtre d'affichage (avant que les utilisateurs ne fassent défiler).
LCP se concentre sur la vitesse de livraison du plus grand contenu (excluant les images de fond et le contenu affiché en dehors de la fenêtre d'affichage, par ex. sous la ligne de flottaison) et du contenu cohérent (le contenu temporaire tel que les loaders ou les écrans de démarrage est ignoré).
Selon les directives de Google, vos pages web devraient avoir un LCP inférieur à 2,5 s, pour au moins 75 % de vos utilisateurs (y compris le trafic desktop et mobile).
Les causes courantes d'un LCP lent incluent de grands éléments de design tels que des images, des vidéos et des scripts tiers.
Exemple d'optimisation
Optimisez les ressources, utilisez le chargement paresseux et réduisez le JS à l'essentiel.
Interaction to Next Paint (INP)
Interaction to Next Paint (INP) est une métrique qui évalue la réactivité d'une page web. Elle mesure le temps écoulé entre une interaction utilisateur, comme un clic ou une pression sur une touche, et la prochaine fois que l'utilisateur voit une mise à jour visuelle sur la page. (Veuillez noter que la mise à jour visuelle peut ne pas être liée à l'interaction).
Comprendre l'INP
L'INP vise à capturer la durée entre le moment où un utilisateur initie une interaction et le rendu subséquent du prochain cadre, s'efforçant d'atteindre cela pour la plupart, sinon toutes, les interactions utilisateur. La valeur de l'INP est le pire délai observé (pour les vues de page avec plus de 50 interactions, les valeurs aberrantes sont exclues car l'INP sera la valeur du 98e centile)
Les interactions observées pour l'INP sont :
- Clic avec une souris
- Appuyer sur un appareil avec un écran tactile
- Appuyer sur une touche sur un clavier physique ou à l'écran
Exemple d'optimisation
Selon les directives de Google, vos pages web devraient avoir un INP inférieur à 200 ms pour au moins 75 % des utilisateurs (y compris le trafic mobile et desktop).
Cumulative Layout Shift (CLS)
Cumulative Layout Shift (CLS) mesure la stabilité de la page, en surveillant les mouvements significatifs des éléments sur la page qui peuvent frustrer ou induire en erreur l'utilisateur, pendant toute la durée de vie de la page.
Le CLS fait partie des Core Web Vitals. Google utilisera les Core Web Vitals comme signal de classement dans les résultats de recherche en 2021.
Comprendre le CLS
Cumulative Layout Shift mesure la somme totale de tous les déplacements de mise en page individuels qui se produisent pendant toute la durée de vie de la page (y compris après que l'utilisateur a commencé à interagir avec la page), en tenant compte de la taille de la zone concernée et de la distance du déplacement.
L'algorithme CLS surveille chaque déplacement de mise en page dans le contexte actuel, excluant ainsi le contenu des iframes.
Les déplacements de mise en page qui se produisent 500 ms après une interaction utilisateur active (comme un clic, une pression sur une touche ou le redimensionnement de la fenêtre) n'ont aucun impact sur le CLS. Le survol, le défilement et les mises à jour rapides ne sont pas considérés comme des interactions actives.
Chacun des autres déplacements de mise en page est noté en fonction de la zone totale affectée et de la distance parcourue par les éléments déplacés. Le Cumulative Layout Shift est la somme de tous les scores des déplacements de mise en page considérés.
Selon les directives de Google, vos pages web devraient avoir un CLS inférieur à 0,1 pour au moins 75 % de vos utilisateurs (y compris le trafic desktop et mobile).
Exemple d'optimisation
Pour améliorer votre Cumulative Layout Shift, assurez-vous que le navigateur peut allouer le bon espace pour vos images et iframes (y compris les publicités), même avant de commencer à les charger, en définissant leur largeur et leur hauteur, ou leur ratio d'aspect.