
La prochaine mise à jour des Core Web Vitals prévue par Google pour la période juin-août 2021 est devenue une expression à la mode dans le domaine du référencement. Les Core Web Vitals sont trois nouveaux indicateurs qui mesurent l’expérience utilisateur créée par un site Web, plaçant la vitesse du site Web sous les projecteurs du référencement. Ils seront ajoutés aux signaux existants de l’expérience de la page : la convivialité mobile, la sécurité de la navigation, les directives relatives aux interstitiels intrusifs et la sécurité HTTPS et, par conséquent, deviendront un facteur de classement officiel. Même si leur importance relative parmi les 200 autres facteurs sera faible, les webmasters devraient les considérer comme un signal pour investir dans l’amélioration de l’interaction globale entre les utilisateurs et le site web en le rendant plus rapide et plus stable.
Lisez ce qui suit pour découvrir les métriques des Core Web Vitals et comment les tester et les optimiser.
Quels sont les signaux d’expérience de page existants de Google ?
Passons d’abord rapidement en revue les quatre signaux d’expérience de page qui constituent un facteur de classement depuis novembre de l’année dernière et qui devraient servir de point de départ à l’ensemble du processus d’amélioration de l’expérience utilisateur tel qu’il est perçu par Google :
La convivialité mobile
Il existe un ensemble de facteurs qui déterminent si la version mobile de votre site Web est conviviale. La principale différence entre les versions mobile et de bureau provient de la fenêtre d’affichage, de la puissance de calcul et de la vitesse de connexion. Pour créer un site Web convivial, vous devez respecter les meilleures pratiques en matière d’accessibilité et de conception axée sur l’utilisateur. Voici quelques-uns des moyens que vous pouvez utiliser pour rendre vos sites Web adaptés aux mobiles :
Optimiser le temps de chargement du site
Rendre votre site Web réactif
simplifier la navigation
Faciliter l’accès aux pouces
Faciliter la lecture de votre contenu par les utilisateurs
Sécurité de la navigation
Votre site Web ne doit pas être affecté par des logiciels malveillants. En 2007, Google a lancé son initiative « Safe Browsing » pour protéger les utilisateurs contre les téléchargements malveillants. Cette initiative couvre désormais les téléchargements non désirés et les attaques d’ingénierie sociale, telles que le phishing, les contenus trompeurs, etc.
Vous pouvez utiliser Google Search Console (dans la section Sécurité et actions manuelles) pour vérifier si votre site Web est exempt de logiciels malveillants.
Sécurité HTTPS
Le protocole HTTPS est un protocole de communication Internet que SSL/TLS sécurise. Ce protocole garantit que personne ne peut voler ou modifier les données envoyées entre l’utilisateur et le serveur.
Google n’examine pas les sites utilisant le protocole HTTP, car ils sont considérés comme non sécurisés. Par conséquent, si vous voulez que votre site soit pris en compte pour le classement, vous devez utiliser le protocole HTTPS.
Pas d’interstitiels intrusifs
C’est une mauvaise pratique pour votre page d’afficher des pop ups, des bannières et des superpositions intrusives sur les appareils mobiles. Cependant, vous ne serez pas pénalisé si vous affichez des fenêtres pop-up. Google fournit quelques directives sur ce qui est acceptable en termes d’interstitiels intrusifs. Par exemple :
Les popups exigées par la loi : cookies, vérification de l’âge, etc.
Popups occupant un espace raisonnable de l’écran.
Cependant, Google ne tolérera pas :
Les annonces qui se trouvent au-dessus du pli, laissant votre contenu principal en dessous du pli.
les fenêtres contextuelles qui masquent votre contenu principal.
Que sont les vitales Web de base ?
Les Core Web Vitals sont les nouvelles mesures unifiées, qui font partie du signal Page Experience de Google, conçues pour mesurer et améliorer l’expérience utilisateur. Elles visent à aider les propriétaires et les développeurs de sites à se concentrer sur ce qui compte le plus : l’interaction positive entre les utilisateurs et les sites Web. Actuellement, Core Web Vitals se compose de trois métriques axées sur les données réelles de l’expérience utilisateur : Largest Contentful Paint (chargement), First Input Delay (interactivité) et Cumulative Layout Shift (stabilité visuelle).
Bien que vous puissiez surveiller les indicateurs Core Web Vitals pour les ordinateurs de bureau et les mobiles, seuls les signaux mobiles seront utilisés pour classer les pages. Gardez également à l’esprit que lorsque nous parlons des scores Web Core Vitals, les mesures seront évaluées au 75e percentile des utilisateurs. En d’autres termes, si vous voulez réussir les mesures Core Web Vitals, vos pages doivent atteindre les scores recommandés pour au moins 75 % des visites de la page.
Le plus grand tableau de contenu (LCP)
LCP est une métrique centrée sur l’utilisateur qui évalue les performances de chargement de la page et mesure le temps nécessaire au chargement du contenu principal de votre site. En général, l’élément LCP est la section héroïque de votre site, l’image vedette ou un grand paragraphe de texte. Contrairement au First Contentful Paint (FCP) qui mesure le moment où le premier contenu se charge, LCP se concentre sur le contenu le plus significatif et pertinent pour l’utilisateur.
Des études montrent que l’élément essentiel d’une page Web que les utilisateurs veulent voir en premier est généralement le plus grand. L’élément le plus grand est mesuré par sa largeur multipliée par sa hauteur. Notez que la marge, le padding et la bordure CSS n’affectent pas la taille de cet élément. N’oubliez pas que votre élément LCP peut être différent pour les ordinateurs de bureau (par exemple, une image) et pour les téléphones mobiles (par exemple, du texte).
Qu’est-ce qu’un bon score LCP ?
Voici comment Google définit les scores LCP :
Bon : 2,5 secondes ou moins
A améliorer : Inférieur ou égal à 4,0 secondes
Mauvais : supérieur à 4 secondes
Pour que votre site Web passe le test Core Web Vitals, vous devez obtenir un score LCP inférieur ou égal à 2,5 secondes pour 75 % de toutes vos pages consultées.
Un score LCP élevé signifie que vos utilisateurs attendent trop longtemps pour charger la partie la plus importante du contenu de votre page. Pour les propriétaires de sites Web, cela signifie que les temps de rendu sont longs, ce qui se traduit par des taux de rebond élevés et des taux de conversion faibles.
Les trois facteurs les plus courants qui affectent négativement le LCP sont les suivants :
les médias volumineux et non optimisés (images et vidéos)
JavaScript bloquant le rendu
le temps de chargement lent des ressources.
Continuez votre lecture pour apprendre comment mesurer et améliorer le score LCP.
Délai de première entrée (FID)
Le délai de première saisie (FID) est une mesure de la performance du Web pour l’utilisateur réel qui évalue l’interactivité et la réactivité de la page Web. Il prend en compte les premières impressions des utilisateurs et évalue le « retard » dans le traitement des événements. En d’autres termes, il mesure le délai entre le moment où un utilisateur interagit pour la première fois avec votre site (par exemple, en cliquant sur un bouton ou un lien) et le moment où le navigateur répond à votre interaction et commence à la traiter.
FID ne mesure que la première interaction de l’utilisateur sur votre page car la première est considérée comme fondamentale dans l’expérience utilisateur. FID ne considère pas le défilement et le zoom comme des interactions. Pour les pages qui n’offrent aucune interaction avec l’utilisateur, le FID ne sera pas signalé.
Une mesure familière proche du FID est le Time To Interactive. Le TTI mesure le temps qu’il faut à une page pour être totalement interactive, tandis que le FID mesure l’interaction de l’utilisateur qui se produit avant que la page soit totalement interactive.
Qu’est-ce qu’un bon score FID ?
Voici comment Google définit les scores FID :
Bon : Inférieur ou égal à 100 millisecondes
Besoin d’amélioration : Inférieur ou égal à 300 millisecondes
Mauvais : plus de 300 millisecondes
Les fichiers JavaScript et CSS non optimisés sont souvent à l’origine d’un mauvais score FID. Continuez à lire pour savoir comment mesurer et optimiser le FID.
Déplacement cumulatif de la mise en page (CLS)
CLS est une mesure de l’expérience utilisateur qui évalue la stabilité visuelle de la page Web définie à partir d’un changement de mise en page inattendu. Supposons qu’un élément visible de la page change de position ou de taille et affecte la position du contenu qui l’entoure : on parle alors d’un changement de mise en page. Par exemple, un utilisateur clique accidentellement sur le mauvais bouton parce que le chargement tardif du contenu a provoqué le déplacement d’un bouton. En tant que propriétaire de site Web, vous souhaitez que les éléments de votre page restent statiques pendant leur chargement.
CLS additionne tous les déplacements de mise en page en examinant la proportion de la fenêtre d’affichage touchée par le déplacement et la distance de déplacement des éléments.
Qu’est-ce qu’un bon score CLS ?
Voici comment Google définit les scores CLS :
Bon – Inférieur ou égal à 0,1 seconde
Besoin d’amélioration – Inférieur ou égal à 0,25 seconde
Mauvais : supérieur à 0,25 seconde
Un score inférieur ou égal à 0,1 seconde signifie que le contenu de la page est entièrement statique pendant son cycle de vie. Un score plus élevé signifie que le contenu est en mouvement.
Habituellement, les déplacements de mise en page sont causés par : des images, des annonces, des éléments intégrés, des iframes sans dimensions, du contenu injecté dynamiquement, des polices Web provoquant un Flash de texte invisible et un Flash de texte non stylisé.
Google a mis à jour la métrique CLS en fonction des commentaires de la communauté. Cette mesure était jugée inadéquate pour les pages Web ouvertes pendant une longue période, ce qui pénalisait ces pages avec des scores plus faibles. Les applications de médias sociaux à défilement infini et les applications à page unique sont des exemples de ce type de pages. Le nouveau changement n’affectera pas 55 % des sites web, mais les autres verront l’amélioration de la métrique. La plupart d’entre eux verront une légère différence dans leurs résultats, mais environ 3 % verront une énorme amélioration, et la métrique « mauvaise » ou « à améliorer » sera marquée comme « bonne ».
Nouveaux libellés dans les résultats de recherche
Un autre critère de référence que Google prend en compte est l’ajout de nouveaux libellés dans les résultats de recherche afin d’indiquer aux utilisateurs quelles pages offrent une bonne expérience utilisateur.
Comment mesurer et tester Core Web Vitals ?
Avec l’ajout des nouvelles mesures CWVs, Google supprime l’exigence AMP de la fonction Top Stories sur mobile.
Comprendre les nouvelles métriques et les prendre en compte est important pour les performances globales de votre site Web. Vous trouverez ci-dessous des outils utiles pour mesurer et tester le score Core Web Vitals de votre site Web.
Outils de terrain
Les données de terrain, également appelées Real User Monitoring (RUM), reflètent l’expérience de navigation des utilisateurs réels. Il prend en compte les utilisateurs réels, les différents appareils, les différentes connexions réseau, les différentes connexions, les données historiques, et les données sont agrégées pour l’ensemble du domaine ou par URL. N’oubliez pas que Google utilise les données du domaine pour classer votre site. Par conséquent, si vous souhaitez inspecter votre expérience utilisateur réelle, vous devez utiliser les données de terrain.
Gardez à l’esprit que vous devez examiner à la fois les scores pour ordinateurs de bureau et pour mobiles, car ils peuvent différer. PageSpeed Insights indique clairement si votre page atteint ou non les seuils de bonne expérience relatifs aux métriques Web Core Vitals en haut du rapport.
Rapport Chrome UX (CrUX)
CrUX est un ensemble de données accessibles au public sur l’expérience réelle des utilisateurs de Chrome provenant de millions de sites Web. Le rapport Chrome UX se concentre sur les performances de chargement des sites Web. Il mesure les paramètres de base de Web Vitals et des paramètres tels que le temps jusqu’au premier octet (TTFB) et plus encore.
Extension Web Vitals Chrome Еxtension
Cette extension effectue des mesures en temps réel des trois métriques Core Web Vitals – chargement, interactivité et stabilité visuelle – dans Chrome pour une utilisation sur ordinateur de bureau. Il s’agit essentiellement d’un outil de diagnostic qui évalue les performances de Core Web Vitals pendant que vous naviguez sur le Web.
Web.dev
Web.dev propose un outil de mesure gratuit pour effectuer un audit des performances de votre site. En outre, il peut vérifier les performances de votre site dans différents domaines et vous donner des conseils pour améliorer des paramètres tels que les performances du site, le statut de l’application Web progressive, l’accessibilité, l’utilisation des meilleures pratiques et le référencement. Il prend également en charge les métriques Core Web Vitals.
Outils de laboratoire
Les données de laboratoire font référence à la réalisation de tests dans un environnement contrôlé et à l’observation de l’expérience d’un utilisateur potentiel sur votre site Web. Contrairement aux données de terrain, les données de laboratoire fonctionnent avec des données simulées, avec des spécifications prédéfinies pour les appareils et le réseau. Elles sont utiles pour reproduire et déboguer les éventuels problèmes de performance du site Web, mais elles ne vous donnent pas d’informations sur l’expérience réelle de l’utilisateur.
Lighthouse
Lighthouse est un outil d’audit automatisé de sites Web à code source ouvert qui aide les développeurs à diagnostiquer les problèmes et à améliorer la qualité des pages Web. La dernière version – Lighthouse 6.0 – introduit trois nouvelles mesures dans le rapport, notamment Largest Contentful Paint (LCP) et Cumulative Layout Shift (CLS) en tant qu’implémentations de laboratoire des mesures Core Web Vitals. La troisième nouvelle mesure est le temps de blocage total (TBT).
Comme vous pouvez le constater, un outil de laboratoire comme Lighthouse ne peut pas mesurer le First Input Delay (FID), car il nécessite l’enregistrement de l’interaction d’un utilisateur réel. Cependant, vous pouvez surveiller le temps de blocage total (TBT), qui mesure le temps total entre le premier tableau de contenu et le temps d’interaction. En améliorant votre TBT, vous améliorerez très probablement aussi votre FIB. Si vous avez un mauvais score TBT, vous devriez envisager de minimiser votre utilisation de tiers.
WebPageTest.org
Il s’agit d’un outil gratuit et open-source qui mesure les performances de vitesse de votre site. Il charge votre page dans un vrai navigateur, ce qui vous aide à identifier les sections spécifiques du site qui ont besoin de plus de temps pour se charger.
Ouvrez Google Chrome en mode incognito et appuyez sur Command+Option+I (Mac) ou Control+Shift+I (Windows, Linux) pour ouvrir DevTools. Avec les DevTools de Chrome, vous disposez de l’option Performance qui inclut les nouvelles Vitales Web de base. Le panneau Performances comporte également une nouvelle section Expérience à partir de laquelle vous pouvez détecter les changements de mise en page inattendus. Par conséquent, vous pouvez identifier et corriger toute instabilité visuelle et contribuer à la mesure de votre décalage cumulatif de la mise en page.
Sélectionnez le décalage de mise en page pour afficher ses détails dans l’onglet Résumé.
N’oubliez pas que selon l’outil que vous utilisez (basé sur des données de terrain ou de laboratoire), les indicateurs Core Web Vitals peuvent présenter des résultats différents.
Comment améliorer Core Web Vitals
Une fois que vous avez terminé l’analyse de votre site Web, il est temps d’agir. La bonne nouvelle, c’est que la plupart des conseils pour améliorer vos vitales Web de base font déjà partie des bonnes pratiques pour optimiser les performances de votre site Web.
Améliorer le LCP et le FID
Choisissez un hébergement Web rapide et fiable
L’une des raisons les plus courantes d’un mauvais LCP est un temps de réponse lent du serveur. Tout d’abord, vérifiez votre Time to First Byte (TTFB), c’est-à-dire le temps qu’il faut au navigateur pour recevoir le premier octet de contenu du serveur. N’oubliez pas qu’un service d’hébergement de serveur rapide peut avoir un impact énorme sur les performances de votre site Web. En clair, plus le temps de réponse du serveur est rapide, plus les performances de votre site Web seront élevées.
En tant que fournisseur d’hébergement, SiteGround développe continuellement de nouveaux outils et des mises à jour de services qui rendent votre site web plus rapide et plus sûr, et vous aident à le gérer facilement. Un aperçu de ce que nous offrons est un hébergement ultra-rapide alimenté par Google Cloud, l’unique UltraFast PHP, la configuration personnalisée de la base de données MySQL et un système de défense fort contre toute sorte de menaces potentielles.
Activez la mise en cache pleine page
Lorsque vous activez la mise en cache pleine page, les pages de votre site seront stockées sur le serveur sous forme de fichiers HTML après leur premier chargement. Seul le premier visiteur de votre site chargera l’intégralité du contenu de la page à partir de la base de données. Tout le reste obtiendra la sortie de la page directement de la mémoire du serveur, améliorant ainsi le TTFB de votre site, rendant votre site beaucoup plus rapide, et finalement améliorant votre métrique LCP.
Les utilisateurs de SiteGround profitent de notre solution unique de mise en cache de la page entière, appelée Dynamic caching, activée pour tous les sites par défaut. Selon le type de site, nous assistons à un chargement de page jusqu’à 5 fois plus rapide.
Report du JavaScript
Pendant que le navigateur charge le JavaScript, les utilisateurs ne peuvent pas interagir avec la page Web. C’est pourquoi vous pouvez parfois voir le terme « Render-blocking JavaScript ». Le report de vos JavaScrips signifie que le navigateur traitera et chargera les fichiers JS uniquement après avoir analysé le document HTML. En d’autres termes, le rendu de votre site Web sera beaucoup plus rapide car il n’y aura rien pour bloquer le processus.
Le plugin SG Optimizer de SiteGround peut facilement prendre en charge l’optimisation de vos fichiers JavaScript. Un onglet dédié vous permettra de différer les JS bloquant le rendu, de minifier et de combiner les JS, facilement pour des résultats plus rapides du site web.
Réduisez les fichiers CSS et JS
Pour faciliter la lecture, les développeurs laissent souvent des caractères tels que l’espacement, l’indentation ou les commentaires dans les fichiers CSS et JS. Cependant, tous ces caractères dans le code ne sont pas essentiels pour le navigateur. La minification permet d’optimiser votre code en supprimant tous les caractères inutiles, ce qui améliore le temps de rendu et accélère les sites Web.
Un moyen simple et efficace de gérer vos fichiers CSS et JavaScript est d’utiliser les fonctionnalités de SG Optimizer dédiées à l’optimisation frontale.
Optimiser la mise en cache du navigateur
La mise en cache du navigateur est un moyen efficace pour les navigateurs de télécharger les images, les données et les documents des sites Web. Pour aider votre page à se charger plus rapidement, veillez à définir la bonne option pour les fichiers statiques que votre navigateur conserve dans son cache.
Tous les sites hébergés chez nous peuvent profiter de notre technologie SuperCacher unique en son genre. SiteGround utilise la livraison directe NGINX pour mettre en cache les ressources statiques, y compris les dates d’expiration appropriées pour la mise en cache du navigateur. L’option Memcached est également disponible.
Utilisez un CDN
Outre le serveur qui héberge votre site, vous pouvez utiliser un réseau de diffusion de contenu (CDN) pour accélérer le temps de chargement de tous vos visiteurs. Le CDN mettra votre contenu en cache sur un réseau mondial de serveurs et chargera votre site Web à partir de celui qui est le plus proche du visiteur, améliorant ainsi son expérience avec votre page.
SiteGround s’associe à Cloudflare pour offrir à ses clients une vitesse et une sécurité accrues. Cloudflare est un outil qui accélère votre site web lorsque vous avez un trafic géographiquement dispersé sur plusieurs pays et continents.
Supprimez tous les scripts tiers inutiles
Il est fortement recommandé de supprimer tous les scripts tiers qui n’apportent aucune valeur ajoutée. Par exemple, des ressources que vous n’utilisez plus mais qui ont un impact sur votre code. Cela augmentera votre score de Largest Contentful Paint (LCP) et de First Input Delay.