Core Web Vitals : la performance front-end de votre boutique

Un bon hébergement ne suffit pas si chaque popup, slider ou widget d'avis ajoute son propre script au chargement de la page. Les Core Web Vitals mesurent ce que le visiteur ressent réellement — et Google les utilise aussi comme critère de classement.

< 2,5sseuil cible pour le LCP (affichage du plus grand élément)

< 200msseuil cible pour l'INP (réactivité aux interactions)

200+projets e-commerce menés avec succès par Netenvie

Les 3 métriques à connaître

Chacune mesure une expérience différente — la vitesse perçue, la stabilité visuelle et la réactivité réelle.

LCP — Largest Contentful Paint

Le temps d'affichage du plus grand élément visible (souvent l'image produit principale). Cible : moins de 2,5 secondes.

CLS — Cumulative Layout Shift

Le score de stabilité visuelle : la page ne doit pas "sauter" pendant le chargement. Cible : moins de 0,1.

INP — Interaction to Next Paint

Le délai entre un clic (ajout panier, ouverture menu) et la réponse visuelle. Cible : moins de 200 millisecondes.

Les leviers concrets par métrique

Métrique	Levier	Effet
LCP	Précharger l'image principale (`rel="preload"`)	Réduction de 200 à 800 ms selon les cas
LCP	Formats AVIF plutôt que JPEG sur les visuels produit	30 à 50% de compression supplémentaire
CLS	Dimensions `width`/`height` explicites sur chaque image	Empêche le décalage au chargement
CLS	Bandeau cookies en position fixe, hors du flux de page	Aucun saut de contenu à l'apparition du bandeau
INP	Différer les scripts tiers (tracking, chat) après la première interaction	Libère le thread principal au moment critique
INP	Fragmenter les tâches JavaScript de plus de 50ms	Évite les blocages perceptibles au clic

Le poids caché des modules et scripts tiers

Le réflexe à adopter : chaque popup, slider, widget d'avis, tracker ou extension de tunnel de commande peut ajouter des scripts ou provoquer des décalages de mise en page. L'audit doit porter sur les pages réellement critiques — fiche produit, panier, tunnel de commande — pas uniquement sur la page d'accueil, qui n'est souvent pas la plus chargée.

Avant de considérer votre boutique comme rapide

LCP, CLS et INP mesurés sur fiche produit, panier et tunnel de commande

Image principale préchargée, au format AVIF ou WebP

Chaque image avec des dimensions explicites en HTML

Scripts de tracking et chat différés après la première interaction

Inventaire des modules ayant un impact réel sur le poids des pages

Données terrain (Search Console, CrUX) vérifiées, pas seulement en laboratoire

La performance serveur (cache, CDN, base de données) est traitée en détail dans notre guide sur l'hébergement PrestaShop — les deux volets, front-end et serveur, sont complémentaires.