Les Core Web Vitals sont-ils importants ? Que font-ils ?

Supposons que vous parcouriez le Web à la recherche d’informations sur un produit ou un service. Vous ouvrez une page Web, mais son chargement prend du temps. Lorsqu'il se charge finalement, vous essayez de cliquer sur un bouton, mais le site Web ne répond pas immédiatement.

Et juste au moment où vous pensiez que la situation ne pouvait pas être pire, les informations sur le site Web commencent à se déplacer de manière inattendue, ce qui rend difficile la lecture ou le clic sur quoi que ce soit.

Cela semble être une expérience frustrante, n’est-ce pas ?

C'est exactement le genre d'expérience utilisateur horrible que Google veut éviter avec Core Web Vitals.

Les Core Web Vitals sont trois indicateurs que Google utilise pour évaluer la vitesse de chargement, la réactivité et la stabilité visuelle d’un site Web. En d’autres termes, ils aident à déterminer si un site Web offre une expérience utilisateur positive ou négative.

Alors, pourquoi ces Core Web Vitals sont-ils importants ?

Google vise à garantir que les sites Web qu'il propose dans ses résultats de recherche offrent une expérience utilisateur agréable. Après tout, si un site Web est lent, ne répond pas et est graphiquement instable, il est peu probable que vous y restiez longtemps.

C'est pourquoi les sites Web avec des notes Core Web Vitals plus élevées peuvent apparaître plus haut dans les résultats de recherche Google, ce qui leur donne un avantage pour attirer plus de visiteurs et de clients potentiels.

Nous discuterons de ce que sont les éléments essentiels du Web.

Les éléments essentiels du Web sont-ils importants et ont-ils un impact sur l'expérience utilisateur et la recherche ?

Commençons !

Que sont les éléments essentiels du Web ?

Core Web Vitals est un ensemble de critères créés par Google pour évaluer l'efficacité d'un site Web et offrir une expérience utilisateur positive.

Considérez-le comme un bulletin de rapport sur un site Web. Il analyse les facteurs essentiels pour que toute personne consulte un site Web.

Les trois éléments essentiels du Web sont :

• La plus grande peinture de contenu :Cela mesure la rapidité avec laquelle le contenu principal des pages d’un site Web se charge. LCP doit durer moins de 2,5 secondes pour garantir une expérience utilisateur positive. Personne n’aime regarder un écran vide en attendant que quelque chose se passe.

• Changement de disposition cumulatif :Cela analyse la fréquence à laquelle la mise en page et les informations d'une page changent de manière inattendue alors qu'elle est encore chargée. CLS doit être inférieur à 0,1 pour offrir une bonne expérience utilisateur. Le contenu en mouvement rend la lecture difficile et vous risquez de cliquer par erreur sur le mauvais élément.

• Délai de première entrée :Cette métrique mesure la rapidité avec laquelle un site Web répond lorsque vous cliquez ou interagissez avec lui. Les retards et la latence peuvent s'aggraver considérablement. Le FID doit être inférieur à 100 millisecondes pour une expérience utilisateur optimale.

Google a révélé qu'une quatrième métrique, Interaction to Next Paint (INP), remplacerait le FID dans le cadre de Core Web Vitals en mars 2024. L'INP devrait être de 200 millisecondes ou moins pour garantir une expérience rapide et réactive.

Ainsi, en termes simples, les Core Web Vitals sont le moyen utilisé par Google pour mesurer si un site Web se charge rapidement, répond aux interactions des utilisateurs et évite les changements de mise en page inattendus.

Pourquoi les Core Web Vitals sont-ils importants ?

Depuis juin 2021, Google considère Page Experience comme un facteur de classement officiel. L'expérience de page est un ensemble d'éléments que Google considère comme importants pour offrir une excellente expérience globale au consommateur. Il s'agit notamment des éléments suivants :

• Utiliser HTTPS pour diffuser votre page
• Convivialité mobile
• L'absence d'interstitiels gênants (pop-ups gênants)
• Navigation sécurisée

Les Core Web Vitals sont importants car ils affectent directement l’engagement, la satisfaction et les taux de conversion des sites Web. Si un site fonctionne mal sur Core Web Vitals, les utilisateurs sont susceptibles de vivre une expérience négative.

Voici quelques raisons importantes pour lesquelles vous devriez vous soucier des Core Web Vitals :

un. Utilisateurs satisfaits

Les utilisateurs sont plus satisfaits lorsque le site fonctionne correctement. De bons indicateurs Core Web Vitals conduisent à des utilisateurs satisfaits.

b. Taux de rebond inférieur

Les pages avec un LCP rapide et un CLS faible maintiennent les utilisateurs sur la page plus longtemps avant de rebondir.

c. Conversions plus élevées

Un site réactif avec un FID fort augmente les chances des utilisateurs de finaliser une transaction ou de s'inscrire à un service.

d. SEO amélioré

Les pages qui offrent aux utilisateurs une expérience agréable ont tendance àmieux classé dans les résultats de recherche. Core Web Vitals est une mesure de classement.

e. Augmentation des revenus

Il existe un lien direct entre l'amélioration des Core Web Vitals et l'augmentation des revenus, entraînée par des taux d'engagement et de conversion plus élevés. Google inclut également Core Web Vitals dans ses facteurs de classement.

En conséquence, l’optimisation de ces mesures peut aider votre site Web à être mieux classé dans les résultats de recherche et à attirer plus de visiteurs.

Quels sont les critères recommandés pour les métriques Core Web Vitals ?

un. La plus grande peinture de contenu

Largest Contentful Paint (LCP) est l’une des trois mesures clés du Web Vitals qui évaluent l’expérience utilisateur d’un site Web. LCP mesure en particulier la rapidité avec laquelle le contenu principal d'une page Web se charge et devient accessible à l'utilisateur.

Simplement, LCP évalue le temps nécessaire au chargement et à l'affichage de l'élément visuel le plus grand et le plus essentiel du site Web. Il peut s'agir d'une grande image, d'un lecteur vidéo, d'un bloc de texte ou de tout autre élément d'information important que les internautes s'attendent à voir en premier lorsqu'ils visitent cette page.

Un bon temps LCP est de 2,5 secondes ou moins. Cela signifie que lorsqu’un utilisateur visite le site Web, l’image principale, la vidéo ou le bloc de texte important se charge presque instantanément. Un LCP de 2,6 à 4 secondes indique que la vitesse de votre site doit être améliorée.

Tout ce qui dure plus de 4 secondes est considéré comme un mauvais LCP. Parce que cela peut ennuyer les visiteurs et les amener à quitter votre site.

D'un point de vue technologique, l'optimisation du LCP peut inclure des tactiques telles que :

• Optimisation et réduction des gros fichiers multimédias
• Priorisation du chargement des ressources clés
• Utiliser des techniques pour améliorer les performances, comme le fractionnement du code
• Utilisation efficace de la mise en cache du navigateur

b. Changement de disposition cumulatif

Cumulative Layout Shift (CLS) est une autre métrique Core Web Vitals introduite par Google. Il évalue la stabilité visuelle d’un site Web.

Cumulative Layout Shift (CLS) est une métrique Core Web Vitals cohérente. Il s’agit d’une mesure essentielle centrée sur l’utilisateur pour analyser la stabilité visuelle, car elle mesure la fréquence à laquelle les utilisateurs subissent des changements inattendus de mise en page. Un CLS faible permet de garantir que la page est agréable.

Des modifications inattendues de la mise en page peuvent interrompre l'expérience utilisateur de diverses manières, notamment en leur faisant perdre leur place lors de la lecture si le texte saute de manière inattendue ou en cliquant sur le mauvais lien ou le mauvais bouton. Dans certaines circonstances, cela peut causer des dommages considérables.

Un excellent score CLS de 0,1 ou moins indique que la mise en page de votre site Web est assez stable. Cela permet aux gens de voir facilement votre contenu sans interruption.

Un score CLS de 0,1 à 0,25 indique que la stabilité visuelle de votre site Web doit être améliorée. Il y a suffisamment de mouvement pour être visible pour les utilisateurs.

Un mauvais score CLS supérieur à 0,25 indique que les éléments de votre page bougent beaucoup. Les utilisateurs peuvent remarquer des changements soudains, tels que le déplacement du texte ou des boutons. Cela nuit à leur expérience.

c. Délai de première entrée

Le délai de première entrée (FID) est la troisième mesure des Core Web Vitals de Google. Il évalue la réactivité d’un site Web aux interactions des utilisateurs. Le FID mesure la rapidité avec laquelle un site Web répond lorsqu'un utilisateur interagit pour la première fois avec lui.

Exemples d'interaction :

• Sélection d'un élément de menu dans une liste déroulante
• Cliquer sur un lien depuis la navigation de votre site
• Saisir son adresse e-mail dans un champ de formulaire
• Ouvrir le « menu accordéon » sur un appareil mobile

Google valorise le FID car il reflète la facilité avec laquelle les clients du monde réel peuvent interagir avec votre site Web. Le FID doit être inférieur à 100 millisecondes pour une expérience utilisateur optimale.

d. Interaction avec la peinture suivante

L'interaction avec Next Paint (INP) est la mesure Core Web Vitals la plus récente, succédant au First Input Delay (FID) le 12 mars 2024. Elle représente la rapidité avec laquelle une page réagit aux interactions et est mesurée en millisecondes.

Il convient de noter que l'INP mesure la rapidité avec laquelle une page Web répond lors de l'interaction de l'utilisateur. FID a uniquement suivi le temps de réponse du premier contact de l'utilisateur avec un élément du site.

Un bon INP dure 200 millisecondes ou moins. Un INP compris entre 200 et 500 millisecondes indique que l’interaction de votre site doit être améliorée.

Un INP de plus de 500 millisecondes représente une expérience interactive horrible pour vos utilisateurs. Cela implique des décalages et des retards évidents dans la réponse aux entrées des utilisateurs.

Comment vérifier les performances des principaux Web Vitals de votre site ?

Les CWV peuvent être vérifiés à l’aide de divers outils. Toutes les offres directement de Google sont répertoriées ci-dessous :

Le rapport Chrome UX (CrUX) fournit des données de terrain provenant des utilisateurs de Chrome, permettant ainsi aux administrateurs de sites d'apprendrecomment de vraies personnes interagissent avec leurs sites Web.

Phare Googleest une application gratuite qui génère des mesures en laboratoire pour les CWV. Il fournit des données utiles sur les performances, le référencement et l’accessibilité, entre autres.

Google PageSpeed ​​Insights combine les fonctionnalités de CrUX et Lighthouse, fournissant des données de terrain et de laboratoire sur les CWV et d'autres mesures Web. PageSpeed ​​Insights permet aux utilisateurs d'évaluer les performances des sites Web, qu'ils en soient propriétaires ou non. Ceci est un exemple de rapport PageSpeed ​​Insights.

Google Search Console est basé sur les données du champ CrUX et fournit des statistiques de performances CWV par URL ou ensemble d'URL.

Vérifions les éléments essentiels du Web à l'aide de l'un des outils :

un. Informations Google PageSpeed ​​

Google PageSpeed ​​Insights (PSI) est un outil gratuit permettant d'évaluer les performances d'une seule page Web sur les appareils mobiles et de bureau.

Il propose également des moyens de rendre votre page plus rapide et plus simple à utiliser. Pour mesurer les performances Core Web Vitals d'une page, ouvrez PageSpeed ​​Insights, saisissez l'URL que vous souhaitez examiner et cliquez sur « Analyser ».

Une fois votre rapport terminé, vous recevrez une ventilation complète de vos performances selon de nombreux paramètres.

Le score « Performance » va de 0 à 100 et est basé sur les indicateurs suivants :

• Première peinture de contenu
• Indice de vitesse
• La plus grande peinture de contenu
• Temps de blocage total
• Changement de disposition cumulatif

Vos résultats Core Web Vitals ressemblent à ceci :

Faites défiler jusqu'à la section « Diagnostics » pour une liste de choses que vous pouvez faire pour améliorer les performances de votre site.

Gardez à l’esprit que le rapport Core Web Vitals n’est pas destiné à vous aider à déterminer l’état d’une page particulière. Au lieu de cela, il vous permet d’évaluer la santé globale de votre site Web.

Comment améliorer les performances de Core Web Vitals ?

un. Améliorer le LCP

Utiliser un réseau de diffusion de contenu (CDN) :Les CDN mettent en cache le matériel dans plusieurs endroits à travers le monde, permettant au contenu d'atteindre les consommateurs plus rapidement.

Optimiser les images :Les images ont tendance à être l’élément le plus volumineux d’une page. Réduire la taille d'un fichier image peut accélérer son temps de chargement.

Une autre option pour augmenter votre score LCP consiste à augmenter l’hébergement de votre site.

L'hébergement partagé (où plusieurs sites sont hébergés sur le même serveur) peut être plus lent car les ressources, telles que la mémoire et la puissance de traitement, sont partagées. Par conséquent, lorsque d’autres sites connaissent une augmentation du trafic, votre site peut ralentir.

Pour résoudre ce problème, envisagez de passer à un meilleur plan d’hébergement ou à un autre fournisseur d’hébergement. Par exemple, un hébergement dédié (où votre site dispose de son propre serveur) ou un hébergement cloud (où plusieurs serveurs sont utilisés pour fournir des performances plus cohérentes).

b. Améliorer CLS

1. Réduisez les éléments de page tiers :Les éléments tiers d'une page se chargent à partir d'endroits différents du reste de la page. Par conséquent, ils peuvent se charger à des moments légèrement différents, entraînant une modification de la mise en page de la page. L’utilisation de moins d’éléments tiers réduit le nombre de modifications de mise en page.

2. Réservez de l'espace pour le contenu intégré :De nombreuses fonctionnalités tierces, telles que les publicités, sont nécessaires au fonctionnement ou à la stratégie économique d’un site Web et ne peuvent être supprimées. Les développeurs peuvent réserver de l'espace sur la page pour que ces composants se chargent avant que le navigateur ne récupère l'élément réel.

3. Assurez-vous que les photos se chargent à leur taille optimale :Il s'agit d'une approche légèrement différente de celle de l'optimisation des images en général. Les ordinateurs de bureau, les tablettes et les smartphones nécessitent tous des graphiques de tailles différentes en raison de la taille de l'écran. Si un navigateur charge d'abord la grande image optimisée pour le bureau, puis doit télécharger l'image optimisée pour les mobiles car l'appareil est un smartphone, le contenu de la page peut changer à mesure que l'image de différentes tailles se charge.

4. Incluez la hauteur et la largeur des photos et des vidéos :Les paramètres de hauteur et de largeur indiquent la taille d'une image, permettant aux navigateurs de réserver cet espace avant le chargement de l'image ou de la vidéo. Notre page vidéo HTML5 contient de plus amples informations sur la manière d'y parvenir avec la vidéo.

5. Utilisez les boîtes de proportions CSS :Les développeurs CSS peuvent utiliser diverses stratégies pour économiser de l'espace pour un élément de page en exploitant les proportions.

c. Améliorer l'INP

L'un des problèmes les plus importants pouvant dégrader votre interaction avec Next Paint est la présence de plusieurs scripts volumineux ou de code JavaScript sur votre site.

JavaScript est un langage informatique qui crée des éléments dynamiques de sites Web tels que des menus, des formulaires et des animations. Cependant, un code JavaScript lourd ou complexe peut ralentir le temps de réponse de votre site Web aux interactions des utilisateurs.

Alors,

• Réduisez lenombre de fonctions JavaScript :Les pages Web dynamiques et riches en code peuvent entraîner des retards de saisie, car le navigateur doit tout chargerle code avant de l'exécuter. La minification JavaScript peut aider à accélérer ce processus.

• Créez des pages Web HTML statiques :Les pages HTML statiques se chargent beaucoup plus rapidement que les pages dynamiques, en particulier lorsqu'elles sont diffusées via un CDN. Découvrez les générateurs de sites statiques, ou Jamstack, une stratégie de développement axée sur le contenu statique.

• Supprimez tous les outils et scripts tiers indésirables :Le chargement d'outils supplémentaires sur votre site Web peut le ralentir. Réduisez le nombre d’outils tiers sur un site Web pour augmenter le FID et les performances globales du site Web.

Conclusion

Alors, les Core Web Vitals sont-ils importants ?

Les Core Web Vitals sont absolument importants lorsqu'il s'agit de créer une expérience de première classe et sans tracas pour tous ceux qui visitent votre site Web

Bien que l'optimisation de ces éléments essentiels nécessite des compétences dédiées de la part de vos développeurs Web, la récompense est énorme : créer d'excellentes expériences numériques qui satisfont les clients et les incitent à revenir pour en savoir plus. La maîtrise de ces Core Web Vitals en 2024 et au-delà sera essentielle au succès en ligne.

En savoir plus surVitesse du lien.

FAQ