Comprendre les Core Web Vitals : comment les surveiller et leur impact sur votre site Web

Core Web Vitals est un ensemble de mesures que Google utilise pour évaluer la qualité de votre site Web. Optimiser votre site pour ces mesures est absolument essentiel. Non seulement l'optimisation de ces mesures pour un bon score donne à votre site Web une solide expérience utilisateur (UX), mais cette expérience utilisateur combinée à une vitesse de chargement rapide et à des performances élevées améliore également votre classement dans les moteurs de recherche. Fondamentalement, pour bien faire avec Google Page Speed ​​​​Insights, vos Core Web Vitals doivent être en parfait état.

Comprendre les éléments vitaux Web de base

La première chose que nous devons aborder est la définition de Core Web Vitals. Voici ce que Google dit qu'ils sont :

Web Vitals 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. [. . .] Les éléments vitaux Web de base sont le sous-ensemble des éléments vitaux Web qui s'appliquent à toutes les pages Web, doivent être mesurés par tous les propriétaires de sites et seront affichés dans tous les outils Google. Chacun des Core Web Vitals représente une facette distincte de l'expérience utilisateur, est mesurable sur le terrain et reflète l'expérience réelle d'un résultat critique centré sur l'utilisateur.

En clair, Google a mis en place un ensemble de mesures quantifiables et mesurables qui indiquent l'expérience réelle de votre site Web, plutôt qu'une réponse simulée dans les meilleures conditions. Ils les regroupent dans ce qu'ils appellent l'expérience de la page.

La chose la plus fondamentale que vous devez comprendre à leur sujet est que si les utilisateurs trouvent votre site difficile à utiliser ou frustrant, peu importe la qualité de votre contenu. Google ne veut pas que les gens soient frustrés.

Core Web Vitals consiste à donner la priorité aux utilisateurs et à leur expérience sur votre site, pas aux détails techniques.

Que sont les Core Web Vitals ?

Les véritables Core Web Vitals que Google trouve les plus importants peuvent changer avec le temps. À mesure que la technologie Internet évolue, les attentes des utilisateurs évoluent également. À l'heure actuelle, les informations sur la vitesse des pages Google et les éléments vitaux Web tiennent compte des mesures suivantes. Ci-dessous, vous trouverez de brefs aperçus de toutes les mesures évaluées par Google, et nous avons fourni des liens vers des guides détaillés pour mieux comprendre et comprendre comment mesurer, optimiser votre site et maximiser votre score pour chacun.

Premier délai d'entrée

Le délai de première entrée (FID) est également connu sous le nom de temps de blocage total et mesure le temps en millisecondes entre la première action de l'utilisateur et le temps de réponse du navigateur. Vous pouvez voir sur un certain nombre d'analyses de la vitesse du site une erreur mentionnant "ressources bloquant le rendu". C'est à cela que cela fait référence.

Si vous avez un site Web qui charge certains scripts en premier, l'ensemble du site Web se bloquera et cessera de se charger jusqu'à ce que ce soit terminé. Certains éléments ne peuvent pas être chargés simultanément. Lorsque cela se produit, il y a à la fois un blocage pour l'affichage du nouveau contenu (blocage du rendu), ainsi que l'entrée de l'utilisateur (le navigateur et le serveur communiquent l'entrée car les processus sont bloqués ou en pause).

Google considère actuellement FID/TBT comme le plus important des Core Web Vitals et lui attribue 30 % du poids global lors de la détermination du score Page Speed ​​Insights de votre site.

Première peinture contente

First Contentful Paint (FCP) se produit lorsque le tout premier élément DOM est affiché, qui est généralement une image ou du texte. Cette métrique ne mesure pas les éléments vides (ou sans contenu) tels que les couleurs d'arrière-plan unies ou une toile vierge.

FCP est une mesure assez intéressante dans la mesure où elle n'indique pas la vitesse globale du site. Il reflète la vitesse perçue du site du point de vue de l'utilisateur. Le FCP mesure le temps pendant lequel un utilisateur verra apparaître la première partie de votre site. Lorsque l'utilisateur voit un contenu de site apparaître rapidement, sa perception indique un site à chargement rapide même si le reste du site prend un peu plus de temps à se charger.

La plus grande peinture de contenu

Le Largest Contentful Paint (LCP) d'un site est le temps qu'il faut pour que la plus grande section du contenu de la fenêtre apparaisse. Idéalement, votre plus gros morceau de contenu apparaîtra avant le chargement du reste de votre site Web. Cela indiquera non seulement un faible FCP, comme nous l'avons vu ci-dessus, mais donnera également à l'utilisateur de quoi s'occuper lorsque d'autres scripts et médias se chargent dans le navigateur.

Habituellement, une section de héros ou un morceau important constituera le LCP. Plus que FCP, la métrique LCP est un meilleur quantificateur de l'expérience globale de la page pour Google, et elle devrait être l'un des éléments sur lesquels vous vous concentrez sur l'amélioration de votre site avant les autres.

Changement de mise en page cumulé

Le changement de mise en page cumulé (CLS) est une mesure de la quantité de changement de position du contenu du site Web au-dessus / au-dessous du pli pendant que la page continue de se charger. Si vous êtes déjà allé sur un site Web et que vous avez vu les images et les boutons rebondir sur l'écran et que vous n'avez pas pu cliquer sur ce que vous aviez l'intention de faire, c'est CLS. Les éléments du site se déplacent sans votre intervention, pas de défilement, pas de clic, pas de survol. Les choses bougent toutes seules.

Et c'est un facteur énorme dans l'expérience de la page pour Google. Avoir une interface en constante évolution est l'une des choses les plus frustrantes qui puissent arriver à un utilisateur de site Web, provoquant des erreurs de clics, des commandes incorrectes potentielles et même une simple frustration qui les conduit à abandonner le site.

Temps jusqu'au premier octet

Time to First Byte (TTFB) est un concept incroyablement simple à saisir. Il mesure le temps qu'il faut au navigateur de l'utilisateur pour obtenir (et non restituer) le tout premier octet d'informations du serveur. C'est ça. Fondamentalement, TTFB est littéralement le moment où le navigateur de l'utilisateur entend le serveur dire "salut".

TTFB mesure littéralement toutes les informations que le navigateur récupère, visibles ou non. Content ou pas. Bien qu'il ne soit pas considéré comme l'un des éléments vitaux Web de base les plus prioritaires, vous devez y prêter attention, car un TTFB faible indique une réponse rapide du serveur, qui peut être directement liée à la vitesse de chargement globale des pages et à l'interactivité. Quels sont les éléments vitaux Web hautement prioritaires.

Indice de vitesse

L'indice de vitesse est une mesure relative dépendant de l'utilisateur, mesurant le temps pendant lequel tout le contenu s'affiche au-dessus du pli. Considérez l'indice de vitesse comme la moyenne d'affichage rapide des performances globales et de l'expérience utilisateur de votre site. Bien qu'il n'entre pas dans les détails, un score d'indice de vitesse vert/orange/rouge de Google Page Speed ​​Insights est une sorte de note bonne/correcte/mauvaise.

Parce que Google pèse différemment les différents Core Web Vitals (comme nous le verrons ci-dessous), avoir un bon score dans certains et un mauvais dans d'autres peut ne pas se traduire par une excellente expérience de page aux yeux de Google.

Quelle est la métrique Core Web Vitals la plus importante ?

Eh bien, cela dépend. Tous les Core Web Vitals ne sont pas égaux, mais dans quelle mesure change-t-il avec le temps. Le logiciel Lighthouse de Google donne une moyenne pondérée pour vos Core Web Vitals, et les scores qui le composent peuvent changer d'importance à mesure que Lighthouse évolue. Certaines mesures ont plus d'impact sur l'expérience utilisateur que d'autres à des moments différents.

Au moment d'écrire ces lignes, Lighthouse est sur la version 8. Vous pouvez voir ses performances dans l'image ci-dessus ou dans le texte ci-dessous par ordre décroissant :

1. Temps total de blocage (30 %)
2. La plus grande peinture contente (25 %)
3. Changement de mise en page cumulé (15 %)
4. Première peinture contente (10%)
5. Indice de vitesse (10 %)
6. Temps d'interactivité (10 %)

Ainsi, pour obtenir le meilleur score en ce moment, vous pouvez vous concentrer sur la réduction des ressources bloquant le rendu et assurer un chargement rapide pour le plus gros morceau de contenu au-dessus de la ligne de flottaison . Cela comptera plus pour votre score Core Web Vitals que les autres mesures combinées. Ce qui augmente ensuite le classement général de votre page.

Ce ne sera pas toujours le cas, et ces poids changeront, mais au moment d'écrire ces lignes, TBT/FID et LCP sont les principaux éléments vitaux Web de base, CLS se rapprochant de la troisième place.

Plats à emporter en anglais plus simple

Tout cela peut sembler très technique, mais le concept ne l'est vraiment pas. L'expérience de page utilisant Core Web Vitals est équilibrée sur trois éléments piliers :

• Stabilité du site
• Réactivité et réactivité
• Vitesse et performances

Ou dans un anglais encore plus clair :

• Le site déplace-t-il et repositionne-t-il les éléments lors du chargement ?
• À quelle vitesse l'utilisateur peut-il interagir avec le site ?
• À quelle vitesse l'utilisateur peut-il voir des éléments utiles ?

Ces questions (indépendamment de leurs réponses) peuvent être traitées en abordant respectivement le changement de mise en page cumulatif, le premier délai d'entrée et la plus grande peinture de contenu.

Que sont les Not Core Web Vitals ?

Comme nous l'avons dit plus haut, l'idée de base est que Google peut suivre l'expérience utilisateur dans le monde réel. Cela signifie en réalité que les développeurs Web et les propriétaires de sites doivent s'éloigner des aspects plus simples et plus techniques. Google pourrait vous pénaliser dans les informations sur la vitesse de la page si vous ne les avez pas. Mais ils ne vous récompenseront pas simplement pour les avoir comme ils l'auraient fait il y a des années.

Ces mesures vitales n'incluent pas les anciennes veilles de convivialité et de réactivité mobiles. À ce stade, Google considère simplement que votre site est adapté aux mobiles et réactif. C'est important, mais ce n'est plus le haut de la liste comme c'était le cas autrefois.

Il en va de même pour SSL et pour s'assurer que votre site fonctionne sur HTTPS. Avec l'omniprésence des certificats SSL gratuits via des hébergeurs et des services comme Let's Encrypt, avoir un site sécurisé ne vaut plus la peine d'être souligné. C'est l'état par défaut des sites Web. Google ne booste plus les pages simplement pour être sécurisé.

Google vous offrait un bonus pour ne pas avoir de pop-up interstitiel. Ce sont les e-mails opt-in en plein écran qui se chargent immédiatement lorsqu'un utilisateur accède à votre site. Mais avec le temps, l'entreprise ne vous récompense plus pour ne pas avoir de pop-ups désagréables. Ils vont vous gifler pour avoir fait perdre du temps à vos utilisateurs.

Et cela devrait aller de soi, mais vous ne serez pas boosté pour avoir une expérience de navigation sécurisée sur votre site (c'est-à-dire pas de malware). À bien des égards, il s'agit de la barre la plus basse qu'un site Web puisse atteindre. Il n'y a pas de récompense pour ne pas blesser vos utilisateurs, mais il y a une pénalité.

Comment mesurer les éléments vitaux Web de base

Étant donné que Google a accordé une telle priorité à l'expérience utilisateur et à l'optimisation de Core Web Vitals, ils disposent d'un certain nombre d'outils que vous pouvez utiliser pour mesurer votre site et sa position.

• Lighthouse est le logiciel sous-jacent qui mesure les principaux éléments vitaux du Web. Il est intégré à d'autres outils, mais vous pouvez également exécuter un audit Lighthouse direct pour obtenir le plus d'informations possible. C'est cependant le plus technique de tous les outils disponibles.
• L'outil Page Speed ​​​​Insights de Google est probablement le plus connu pour les mesurer, car il intègre Lighthouse dans une interface utilisateur beaucoup plus agréable. Cela vous donne une vue complète de la façon dont Google voit votre site Web, mais nous vous suggérons également d'utiliser d'autres outils pour évaluer les choses. Page Speed ​​​​Insights est connu pour être exceptionnellement sévère, même sur les sites les plus rapides et les mieux conçus.
• Google Search Console est un autre type de guichet unique pour mesurer les Core Web Vitals. Vous obtenez un rapport page par page sur les éléments de contenu et les URL individuels qui doivent être améliorés et sur ce qui manque (ou non).
• GT Metrix et Pingdom Tools sont des tests de vitesse et de performance tiers qui peuvent vous donner un aperçu de vos Core Web Vitals. Parce qu'ils ne proviennent pas directement de Google comme les autres que nous mentionnons, vous pouvez voir plus de données du monde réel et comment les utilisateurs de différents endroits et utilisant différentes technologies verront votre site.

Conclusion

Le principal point à retenir est que l'utilisateur passe en premier. Toujours. Que ce soit avec le contenu que vous créez, le contenu qu'ils expérimentent ou même leur perception du contenu qu'ils expérimentent. La façon dont ils voient votre site est plus importante que la façon dont vous construisez votre site. Certes, un site Web mal construit et mal conçu aura des scores faibles. Donc, les aspects techniques comptent vraiment. Mais c'est le résultat final de ces décisions techniques sur lesquelles Core Web Vitals se concentre, pas leur simple existence.

Que pensez-vous de l'état actuel des Core Web Vitals de Google ? Faites le nous savoir dans les commentaires!

Image en vedette de l'article par BestForBest / shutterstock.com