Core Web Vitals : le trio d’indicateurs qui décide de votre taux de conversion
Définition
Les Core Web Vitals (CWV) sont trois métriques de terrain — mesurées sur les vrais appareils de vos visiteurs, pas en laboratoire — que Google utilise pour évaluer l’expérience réelle d’une page web. Elles sont devenues un signal de classement officiel depuis le déploiement du Page Experience Update en 2021, et leur poids dans l’algorithme n’a cessé de croître depuis.
Pour un e-commerçant DTC, ce n’est pas un sujet technique réservé aux développeurs : c’est un levier direct sur le chiffre d’affaires. Une page produit qui met 4 secondes à s’afficher, c’est un panier abandonné. Un bouton « Ajouter au panier » qui répond avec 300 ms de retard, c’est une vente perdue.
Les trois piliers sont :
- LCP (Largest Contentful Paint) — vitesse de chargement perçue
- INP (Interaction to Next Paint) — réactivité aux interactions (a remplacé le FID en mars 2024)
- CLS (Cumulative Layout Shift) — stabilité visuelle
Analogie : la boutique physique
Imaginez votre boutique DTC comme un magasin rue Saint-Honoré.
LCP, c’est le temps qu’il faut au rideau de fer pour se lever et à la vitrine de s’allumer. Si le client attend 4 secondes devant une devanture fermée, il part chez le concurrent d’en face.
INP, c’est la réactivité de votre vendeur. Le client demande « Vous l’avez en 38 ? » — si le vendeur met 500 ms à répondre, l’expérience paraît poussive, presque suspecte.
CLS, c’est le sol qui bouge sous les pieds du client. Il tend la main vers un pull, et le présentoir se décale de 20 cm. Frustrant, non ? C’est exactement ce qui se passe quand une bannière pub s’insère au-dessus de votre CTA.
Formules et seuils officiels
Chaque métrique a un seuil « bon » / « à améliorer » / « médiocre ». Google considère qu’une URL est « bonne » si 75 % des visites respectent le seuil vert.
| Métrique | Bon | À améliorer | Médiocre | Unité |
|---|---|---|---|---|
| **LCP** | ≤ 2,5 s | 2,5 – 4,0 s | > 4,0 s | secondes |
| **INP** | ≤ 200 ms | 200 – 500 ms | > 500 ms | millisecondes |
| **CLS** | ≤ 0,1 | 0,1 – 0,25 | > 0,25 | score sans unité |
LCP mesure le rendu du plus grand élément visible (image hero, titre H1, bloc vidéo). Formule simplifiée :
LCP = TTFB + Délai de rendu + Temps de chargement de la ressource
INP capture la latence de la pire interaction (clic, tap, frappe clavier) sur l’ensemble de la session :
INP = Délai d’entrée + Temps de traitement + Délai de présentation
CLS additionne les scores de décalage de chaque élément instable :
CLS = Σ (impact fraction × distance fraction)
Comparatif : CWV vs autres métriques
| Critère | Core Web Vitals | Lighthouse (labo) | TTFB seul |
|---|---|---|---|
| Source de donnée | Terrain (CrUX) | Simulation | Serveur |
| Reflète l’appareil réel | ✅ Oui | ❌ Non | ❌ Non |
| Impact SEO | ✅ Signal direct | ⚠️ Indirect | ⚠️ Indirect |
| Impact conversion | ✅ Fort | ✅ Moyen | ✅ Moyen |
| Fréquence de mise à jour | 28 jours glissants | À la demande | Temps réel |
Application en DTC / e-commerce
1. Page produit (PDP) — C’est là que le LCP est le plus critique. Sur mobile, une image produit mal optimisée (JPEG 2 Mo, non compressé, sans srcset) fait exploser le LCP à 5,8 s. Solution : WebP + lazy loading + CDN. Gain observé chez plusieurs marques DTC : +12 à +18 % de taux d’ajout au panier.
2. Tunnel de checkout — L’INP est le tueur silencieux. Un script de retargeting qui bloque le thread principal pendant 600 ms au moment du clic « Payer » = abandon. Testez avec des appareils Android milieu de gamme, pas votre MacBook Pro M3.
3. Homepage et pages catégories — Le CLS explose quand vous insérez des bannières promo ou des widgets « Avis vérifiés » sans réserver l’espace. Réservez toujours les dimensions (width / height ou aspect-ratio en CSS).
4. Emails et SMS post-achat — Un LCP dégradé sur mobile pénalise aussi le taux de conversion des campagnes payantes (Google Ads intègre le Page Experience dans le Quality Score).
Données concrètes :
- 53 % des visiteurs mobiles abandonnent une page qui met plus de 3 secondes à charger (Google, 2023).
- Un LCP qui passe de 4,2 s à 2,1 s génère en moyenne +9,2 % de taux de conversion sur les PDP (étude Deloitte / Google).
- 0,1 s de gain sur l’INP peut augmenter le taux de conversion mobile de +7 % sur les sites e-commerce à fort trafic.
Common pitfalls (les erreurs classiques)
❌ Confondre Lighthouse et Core Web Vitals. Un score Lighthouse de 95 ne garantit pas de bons CWV terrain. Ce sont les données CrUX qui comptent.
❌ Optimiser uniquement la homepage. Google évalue URL par URL. Vos PDP et pages checkout sont souvent les plus lentes.
❌ Ignorer le mobile. Sur la majorité des boutiques DTC, 70 à 80 % du trafic vient du mobile, où les CWV sont systématiquement moins bons.
❌ Charger des scripts tiers sans contrôle. Klaviyo, Hotjar, Meta Pixel, Trustpilot… Chaque script ajoute de la latence INP. Auditez régulièrement avec Chrome DevTools et web-vitals.
❌ Oublier le CLS sur les widgets dynamiques. Bandeaux cookies, pop-ups de capture email, carrousels d’avis : réservez l’espace ou utilisez transform plutôt que des propriétés qui déclenchent un reflow.
❌ Traiter les CWV comme un projet one-shot. C’est un suivi continu. Les régressions arrivent à chaque déploiement.
Termes liés
- CrUX (Chrome User Experience Report) — base de données publique de Google alimentant les CWV
- TTFB (Time to First Byte) — composante du LCP
- FID (First Input Delay) — ancienne métrique INP, obsolète depuis mars 2024
- Page Experience — cadre global incluant CWV, HTTPS, absence d’interstitiels intrusifs
- Lighthouse — outil de test en laboratoire, complémentaire aux CWV
- Speed Index — métrique labo mesurant la vitesse de rendu visuel
- Render-blocking resources — scripts/CSS qui retardent le LCP
- Layout Shift — décalage visuel contribuant au CLS
À retenir : pour un DTC, les Core Web Vitals ne sont pas une case à cocher technique. C’est la traduction chiffrée de la patience de votre client. Chaque dixième de seconde gagné sur le LCP ou l’INP se transforme directement en euros sur votre panier moyen.