Psst...Want to see content specific to your location?

Bien comprendre les Core Web Vitals de Google : suivez le guide !

author

Marie Jehanne

10 mai 2022 | 4 minutes - Temps de lecture

En mai 2021, Google a mis à jour son algorithme de recherche pour favoriser dans ses résultats les sites dont les Core Web Vitals sont les plus performants. Cette mise à jour de web performance donne la priorité à l’expérience sur site et permet à Google de mettre en relation les utilisateurs non seulement avec du contenu utile, mais aussi avec des sites Web offrant une expérience utilisateur exceptionnelle.  

Dans ce blog, nous examinons en profondeur les Core Web Vitals de Google, leur impact sur l’expérience utilisateur de votre site, les critères de référence du secteur et la manière dont vous pouvez améliorer les performances de votre site Web. 

SOMMAIRE

🔎 Que sont les Web Core Vitals (CWV) ? 

⭐️ Pourquoi les Core Web Vitals sont-ils importants ? 

📊 Les Core Web Vitals, par industrie

🔥 Comment améliorer vos Web Core Vitals ? 

🔎 Que sont les Web Core Vitals (CWV) ? 

Les Web Core Vitals mesurent le temps de chargement, l’interactivité et la stabilité visuelle via les trois signaux suivants :

  • Largest Contentful Paint (LCP), ou le temps qu’il faut pour que le principal élément de contenu d’une page se charge. 
  • First Input Delay (FID), soit le délai que subit un utilisateur lorsqu’il interagit avec la page pour la première fois. 
  • Cumulative Layout Shift (CLS) mesure la stabilité de la page, en surveillant les mouvements significatifs des éléments de la page qui peuvent frustrer ou induire en erreur l’utilisateur. 

D’autres indicateurs sont à prendre en compte qui font partis de ces indicateurs, comme le TTFB ou Time To First Bite.

⭐️ Pourquoi les Core Web Vitals sont-ils importants ? 

Les utilisateurs d’aujourd’hui veulent des réponses rapides. Si votre site prend trop de temps à charger ou si la mise en page est instable, ils seront frustrés et iront voir ailleurs. 

Les Web Core Vitals vous aident à mesurer si votre site répond aux attentes des utilisateurs, ce qui vous permet de comprendre ce qui doit être amélioré. L’optimisation des Core Web Vitals de votre site peut vous aider à :

  • Diminuer les taux de rebond
  • Augmenter la rétention des visiteurs
  • Augmenter les conversions
  • Limiter les erreurs techniques et donc la frustration utilisateur
  • Optimiser votre site pour les moteurs de recherche
  • Repères industriels Web Core Vital

Ces différents critères vous permettent d’améliorer votre Google Page Experience. Chez Contentsquare, on vous propose chaque année un rapport Digital Experience Benchmark pour comparer les données de référence de votre secteur avec votre industrie. Vous pouvez identifier les aspects à améliorer et vous assurer que Google ne pénalise pas votre site. Nous avons contrôlé les Core Web Vitals de milliers de sites Web de premier plan dans 14 secteurs. Voici ce que nous avons trouvé…

Le rapport Digital Experience Benchmark c’est : 
📊 +100 pages de data
+ 1️⃣4️⃣ industries dont 3 nouvelles
🤑 +46 milliards de sessions utilisateur analysés

Télécharger le rapport

📊 Les Core Web Vitals, par industrie

Points de repère du Largest Contentful Paint (LCP) par secteur d’activité 

Pour une bonne expérience utilisateur, les sites devraient viser un score LCP (Largest Contentful Paint) de 2,5 secondes ou moins. Notre analyse a révélé que les secteurs présentant le pourcentage le plus élevé de bons scores LCP sont la mode, les biens et services domestiques et l’automobile. Cela suggère que ces secteurs ont investi du temps et des ressources dans l’optimisation de leur contenu pour garantir une expérience rapide à leurs utilisateurs

Automobile 66 % 18 % 16 %
B2B 65 % 18 % 17 %
Cosmétiques 65 % 18 % 17 %
Énergie 67 % 17 % 16 %
Équipements de la maison 69 % 17 % 14 %
Grande distribution 64 % 18 % 18 %
High-Tech 68 % 17 % 15 %
Luxe 60 % 22 % 18 %
Médias 69 % 16 % 15 %
Pharmaceutique 58 % 21 % 21 %
Retail fashion 64 % 19 % 17 %
Services financiers 68 % 16 % 16 %
Telco 52 % 21 % 27 %
Voyage 61 % 19 % 20 %
Bon (< 2,5 s) À améliorer Mauvais (>= 4,0 s)

LCP par industrie

Le rapport Digital Experience Benchmark c’est : 
📊 +100 pages de data
+ 1️⃣4️⃣ industries dont 3 nouvelles
🤑 +46 milliards de sessions utilisateur analysés

Télécharger le rapport

Benchmark du délai de première saisie (DPS) par secteur d’activité

Un faible score de délai de première saisie (DPS) signifie que la page est utilisable et réactive. Pour une bonne expérience utilisateur, les sites doivent viser un score FID de 100 millisecondes ou moins.

Nos données ont révélé que les secteurs présentant les meilleurs scores moyens de délai de saisie sont l’énergie et les produits pharmaceutiques, 94 % des sites Web obtenant un score de délai de saisie inférieur à 100 millisecondes. En revanche, c’est dans le secteur de la mode que l’on trouve le plus faible nombre de sites Web obtenant un “bon” score FID, avec seulement 88 %.

Catégories Bon (< 100 ms) À améliorer (> 100 ms et < 300 ms) Mauvais (>= 300 ms)
Automobile 92 % 5 % 3 %
B2B 92 % 5 % 3 %
Cosmétiques 91 % 5 % 4 %
Énergie 94 % 4 % 2 %
Équipements de la maison 93 % 4 % 3 %
Grande distribution 92 % 5 % 3 %
High-Tech 91 % 6 % 3 %
Luxe 91 % 6 % 3 %
Médias 91 % 6 % 3%
Pharmaceutique 94 % 4 % 2 %
Retail fashion 88 % 8 % 4 %
Services financiers 91 % 6 % 3 %
Telco 89 % 7 % 4 %
Voyage 93 % 4 % 3 %

FID par industrie

Repère CLS (Cumulative Layout Shift) par secteur d’activité

Pour offrir une bonne expérience utilisateur, les sites doivent viser un score CLS de 0,1 ou moins. Un score CLS faible signifie que la page est moins susceptible de changer de manière inattendue, offrant ainsi aux clients une expérience plus transparente. Nos données de référence montrent que les secteurs qui obtiennent les meilleurs résultats en matière de NSI sont le B2B, l’énergie et les services financiers. Avec des sites Web de longue date qui s’appuient généralement moins sur le rich media, il n’est pas surprenant que ces sites soient en tête. 

 

Catégorie Bon (< 0,10) À améliorer Mauvais (>= 0,25)
Automobile 67 % 12 % 21 %
B2B 78 % 11 % 11 %
Cosmétiques 66 % 13 % 21 %
Énergie 75 % 13 % 12 %
Équipements de la maison 65 % 15 % 20 %
Grande distribution 65 % 15 % 20 %
High-Tech 71 % 13 % 16 %
Luxe 64 % 14 % 22 %
Médias 74 % 12 % 14 %
Pharmaceutique 71 % 15 % 14 %
Retail fashion 59 % 15 % 26 %
Services financiers 78 % 9 % 13 %
Telco 67 % 13 % 20 %
Voyage 65 % 14 % 21 %

CLS par industrie

>> Quels Kpis suivrent pour améliorer les performances de votre site Web ? Notre article sur le sujet !

🔥 Comment améliorer vos Web Core Vitals ? 

Il existe de nombreuses optimisations que vous pouvez apporter à votre site web afin d’améliorer vos Web Core Vitals et, par conséquent, votre expérience globale du site. 

Voici quelques suggestions d’amélioration que vous devriez envisager, si vous ne l’avez pas déjà fait : 

  1. Décomposez le code long en petites tâches asynchrones.
  2. Utilisez un web worker pour exécuter JavaScript sur un thread d’arrière-plan.
  3. Analysez et améliorez l’efficacité de votre code côté serveur pour améliorer directement le temps nécessaire au navigateur pour recevoir les données. Voir notre article sur l’analyse de la vitesse d’un site.
  4. Introduisez un réseau de diffusion de contenu (CDN) pour éviter à vos utilisateurs d’avoir à attendre des requêtes réseau vers des serveurs éloignés.
  5. Ajoutez des attributs de taille à tous les éléments vidéo et image pour vous assurer que le navigateur alloue la quantité d’espace correcte pendant le chargement de l’élément.
  6. Pré-chargez vos polices afin que les actifs de police aient une priorité plus élevée dans le rendu de la page, et ne déplacez pas la page en la chargeant après son rendu.
  7. Pour les animations, utilisez la propriété “transform” (scale) en CSS pour éviter les déplacements inattendus de la mise en page.

Vous voulez plus de données de référence sur les performances des sites Web ? Téléchargez notre rapport Digital Experience Benchmark 2022 pour obtenir plus d’informations sur les vitrines Web de base, les sources d’acquisition, le comportement de navigation et les modèles de conversion !

[cta-banner id=”20206″]