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

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é…

📊 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

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 !