Core Web Vitals
Les Core Web Vitals sont les trois indicateurs d'expérience utilisateur de Google : LCP pour le chargement, INP pour la réactivité, CLS pour la stabilité.
Que sont les Core Web Vitals ?
Les Core Web Vitals (signaux web essentiels) sont trois indicateurs concrets utilisés par Google pour évaluer l’expérience utilisateur perçue sur une page : le LCP (Largest Contentful Paint) mesure la vitesse à laquelle le contenu principal est chargé, l’INP (Interaction to Next Paint) mesure la rapidité avec laquelle la page réagit aux clics et aux pressions tactiles, et le CLS (Cumulative Layout Shift) mesure la stabilité visuelle. L’INP a remplacé le FID le 12 mars 2024. Une page réussit le test lorsque le LCP est inférieur ou égal à 2,5 secondes, l’INP est inférieur ou égal à 200 ms, et le CLS est inférieur ou égal à 0,1.
Pourquoi les Core Web Vitals sont-ils importants ?
Pour une boutique en ligne, ces scores impactent à la fois le chiffre d’affaires et la visibilité. Un LCP lent et un INP poussif sur les pages de produits et de collections augmentent l’abandon et diminuent les conversions précisément là où le client est le plus proche de l’achat. Les Core Web Vitals alimentent également les signaux d’expérience utilisateur (page experience) de Google et peuvent servir de critère de départage entre deux résultats de force équivalente. Google évalue ces scores à partir de données réelles (Chrome User Experience Report) au 75e percentile, mesurées séparément sur mobile et sur ordinateur — c’est donc le quart de vos utilisateurs les plus lents qui détermine le résultat.
Cas d’utilisation courants
- Diagnostiquer une page produit lente avec PageSpeed Insights ou le rapport Core Web Vitals dans Search Console.
- Optimiser le LCP en compressant les images principales (hero images), en utilisant le format WebP et en préchargeant l’image la plus grande.
- Éliminer le CLS causé par les bannières, les fenêtres de cookies et les polices d’écriture qui décalent la mise en page pendant le chargement.
- Améliorer l’INP en allégeant le JavaScript lourd des applications et des scripts tiers.
- Documenter l’impact d’un nouveau thème ou d’une application pour les développeurs ou la direction.
Perspective de Shopify
Les thèmes Shopify commencent souvent forts, mais les applications, les chatbots et les scripts de suivi ont tendance à faire baisser les scores. Mesurez toujours sur des URL réelles avec des données de terrain plutôt qu’avec un simple score de laboratoire, et désinstallez les applications que vous n’utilisez plus. Appuyez-vous sur le lazy loading natif du thème et le CDN d’images de Shopify, et gardez à l’esprit que les popups et les bannières publicitaires sont les causes les plus fréquentes d’un mauvais CLS en pratique.