Vitesse mobile et Core Web Vitals : l'enjeu pour l'e-commerce

Un site e-commerce lent sur mobile perd des ventes, et Google mesure cette lenteur avec trois indicateurs, les Core Web Vitals : LCP (affichage du contenu principal), INP (réactivité) et CLS (stabilité visuelle). Moins d'un site sur deux atteint les trois seuils sur mobile. Cet article explique ce que mesure chaque indicateur, comment lire vos propres données et quelles corrections traiter en premier sur un site marchand.

Quel est l'impact de la vitesse sur les ventes ?

Deux études publiées par Google donnent des ordres de grandeur.

L'étude « Milliseconds make millions », menée par Deloitte sur 37 sites de marques européennes et américaines et plus de 30 millions de sessions mobiles fin 2019, a observé qu'un gain de 0,1 seconde de vitesse s'accompagnait d'une hausse de 8,4 % du taux de conversion des sites de commerce, et de dépenses supérieures de 9,2 % (web.dev, Milliseconds make millions).

Vodafone a testé deux versions d'une même page en répartissant le trafic payant à parts égales. La version optimisée affichait son contenu principal 31 % plus vite (5,7 s contre 8,3 s) et a généré 8 % de ventes en plus, avec un ratio paniers sur visites supérieur de 11 % (web.dev, étude de cas Vodafone, 2021).

Ces chiffres ne se transposent pas tels quels à votre site. Ils montrent en revanche que la vitesse se traduit en euros, ce qui permet de la prioriser comme n'importe quelle autre fuite de conversion.

Que mesurent les trois Core Web Vitals ?

Indicateur	Ce qu'il mesure	Seuil « bon »
LCP (Largest Contentful Paint)	Temps d'affichage du plus grand élément visible, souvent la photo produit	2,5 secondes ou moins
INP (Interaction to Next Paint)	Délai entre une action (clic, toucher) et la réaction visible de la page	200 millisecondes ou moins
CLS (Cumulative Layout Shift)	Décalages inattendus de la mise en page pendant le chargement	0,1 ou moins

Seuils : web.dev, Web Vitals. Google évalue chaque indicateur au 75e centile des visites réelles, séparément sur mobile et sur ordinateur : il faut donc que trois visites sur quatre passent le seuil, pas seulement la moyenne.

L'INP a remplacé l'ancien indicateur FID le 12 mars 2024 (web.dev). Il est plus exigeant, car il prend en compte l'ensemble des interactions de la visite et non la seule première.

Où en sont les sites sur mobile ?

D'après le Web Almanac 2025 de HTTP Archive, 48 % des sites obtiennent de bons Core Web Vitals sur mobile, contre 56 % sur ordinateur (Web Almanac 2025, performance). Sur mobile, l'indicateur le plus souvent en échec est le LCP :

62 % des sites ont un bon LCP mobile ;
77 % ont un bon INP mobile ;
81 % ont un bon CLS mobile.

Pour un site e-commerce, c'est logique : le plus grand élément affiché est presque toujours une image (bannière, photo produit). Le même rapport indique qu'une image est l'élément LCP sur 76 % des pages mobiles.

Comment mesurer la vitesse de votre site ?

Distinguez deux types de données :

Les données terrain, issues des visites réelles des utilisateurs de Chrome. Ce sont elles que Google utilise. Vous les trouvez dans le rapport « Signaux web essentiels » de la Search Console et dans le haut du rapport PageSpeed Insights, quand votre site a assez de trafic.
Les données de laboratoire, issues d'un test simulé (Lighthouse, bas du rapport PageSpeed Insights). Utiles pour diagnostiquer, elles ne reflètent pas forcément ce que vivent vos clients.

Mesurez par type de page, pas seulement la page d'accueil : accueil, catégorie, fiche produit, panier. Ce sont rarement les mêmes problèmes, et la fiche produit concentre souvent la plus grosse image du site.

Quelles corrections traiter en premier ?

Pour le LCP : la photo principale

Ne chargez jamais en différé l'image principale. L'attribut loading="lazy" sur la photo produit ou la bannière d'accueil retarde précisément l'élément que Google mesure (Chrome for Developers). Environ 16 à 17 % des pages font pourtant cette erreur (Web Almanac 2025).
Donnez-lui la priorité avec fetchpriority="high", sur une ou deux images au maximum (même source Chrome).
Servez une image à la bonne taille pour l'écran du visiteur, dans un format moderne. Le détail est dans notre article sur les photos produit.
Réduisez le travail avant affichage : Vodafone a obtenu son gain en déplaçant le rendu d'un composant du navigateur vers le serveur, en rendant le HTML critique côté serveur et en redimensionnant l'image principale (web.dev).

Pour l'INP : les scripts tiers

Sur un site marchand, la réactivité se dégrade souvent avec l'accumulation de scripts : outils de suivi, tests A/B, chat, widgets d'avis, recommandations, pixels publicitaires. Chaque script ajouté occupe le navigateur au moment où le visiteur touche « Ajouter au panier ».

Faites l'inventaire des scripts tiers et de leur propriétaire.
Supprimez ceux que plus personne n'utilise.
Chargez les autres après l'affichage, ou à l'interaction (le chat au clic sur l'icône, par exemple).

Pour le CLS : réserver la place

Indiquez la largeur et la hauteur de chaque image et vidéo.
Réservez l'espace des bandeaux promotionnels, des blocs d'avis et des recommandations chargés après coup.
Évitez les bandeaux qui s'insèrent en haut de page et poussent le contenu vers le bas pendant que le visiteur s'apprête à toucher un bouton.

Comment prioriser sans se perdre dans les scores ?

Un score Lighthouse de 100 n'est pas l'objectif. L'objectif, ce sont des pages qui passent les trois seuils sur mobile pour vos visiteurs réels, en commençant par celles qui génèrent le chiffre d'affaires. La méthode :

Listez vos modèles de pages par chiffre d'affaires généré.
Relevez LCP, INP et CLS terrain sur mobile pour chacun.
Corrigez d'abord l'indicateur en échec sur le modèle qui pèse le plus.
Laissez aux données terrain le temps de refléter la correction, puis comparez le taux de conversion mobile.

Pour savoir si la vitesse est votre principale fuite ou s'il y a plus urgent, demandez une pré-analyse offerte : nous chiffrons chaque fuite en euros avant de proposer un plan.

À retenir

Les Core Web Vitals mesurent l'affichage (LCP ≤ 2,5 s), la réactivité (INP ≤ 200 ms) et la stabilité (CLS ≤ 0,1), au 75e centile des visites réelles.
Seuls 48 % des sites passent les trois seuils sur mobile ; le LCP est le plus souvent en échec.
Sur un site e-commerce, le LCP est presque toujours une image : ne la chargez jamais en différé et donnez-lui la priorité.
Pour la réactivité, inventoriez les scripts tiers et différez ceux qui ne servent pas à l'affichage.
Priorisez par modèle de page et par chiffre d'affaires, avec les données terrain, pas les scores de laboratoire.