Core Web Vitals pour boutiques en ligne : guide pratique

Une boutique qui paraît lente perd des acheteurs avant même qu'ils voient un produit. Les Core Web Vitals sont la façon dont Google mesure cette impression avec trois chiffres, et c'est une bonne liste de contrôle même si vous ignorez l'aspect classement.

Les trois indicateurs

• Largest Contentful Paint (LCP) mesure le temps d'apparition du plus grand élément visible, généralement l'image principale ou produit.
• Interaction to Next Paint (INP) mesure la rapidité de réaction de la page quand on touche ou clique.
• Cumulative Layout Shift (CLS) mesure à quel point la mise en page saute pendant le chargement.

Pourquoi les boutiques peinent

Les pages produit et catégorie cumulent images lourdes, scripts tiers (avis, chat, analytics, pixels de suivi), polices web et widgets injectés par des applications. Chacun est raisonnable seul ; ensemble, ils saturent un téléphone d'entrée de gamme sur une connexion mobile.

Les corrections qui paient le plus souvent

1. Redimensionner et compresser les images. Servez les images à la taille affichée, dans un format moderne comme WebP ou AVIF, et n'envoyez jamais un original de 4000 pixels dans un emplacement de 400.
2. Prioriser l'image principale. Ne chargez pas en différé la première image produit ou bannière ; chargez-la tôt. Différez celles sous la ligne de flottaison.
3. Réserver l'espace. Donnez des dimensions explicites aux images, bannières et intégrations pour que la page ne saute pas à leur arrivée.
4. Auditer les scripts tiers. Supprimez ce que vous n'utilisez plus, retardez ce qui n'est pas nécessaire au premier affichage, et traitez chaque nouvelle application comme un coût de performance.
5. Limiter les polices. Utilisez moins de graisses, et gardez le texte visible pendant le chargement des polices.
6. Mettre en cache et compresser. Vérifiez que les réponses sont compressées et les ressources statiques mises en cache.

Mesurer avec des données réelles

Les outils de laboratoire servent au débogage, mais les données d'utilisateurs réels montrent ce que vivent vos clients. Examinez vos modèles les plus lents, généralement les pages catégorie et les fiches avec beaucoup de variantes, plutôt que la seule page d'accueil.

Comment Averifly vous aide

Les règles techniques d'Averifly examinent le temps de réponse, le poids des pages, le contenu mixte et les liens internes cassés sur un échantillon de vos pages, pour trouver d'abord les modèles les plus lourds. Lancez une analyse gratuite pour les voir classés par gravité.