Performance e-commerce 2026 : la méthode CWV pour Shopify
Core Web Vitals sont devenus en 2026 un facteur de ranking critique pour les e-commerces. Un Shopify lent perd 30-60% de trafic vs un Shopify optimisé.
Les 3 métriques qui comptent
| Métrique | Bon | Acceptable | Critique |
|----------|-----|------------|----------|
| LCP | <2.5s | 2.5-4s | >4s |
| INP (ex-FID) | <200ms | 200-500ms | >500ms |
| CLS | <0.1 | 0.1-0.25 | >0.25 |
INP a remplacé FID en mars 2024 et reste le plus difficile à optimiser.
Diagnostic Shopify type
90% des Shopify échouent sur :
- LCP : hero image non préchargée
- INP : apps tierces (popups, chat, reviews) qui bloquent le main thread
- CLS : fonts en swap qui décalent le layout
Les 8 quick wins Shopify
1. Image hero préchargée
dans theme.liquid.
2. Lazy loading systématique
Toutes images sous la ligne de flottaison : loading="lazy".
3. Fonts preload
+ font-display: swap.
4. Apps audit
Lister toutes les apps. Désinstaller celles non utilisées (chaque app = 50-200ms INP).
5. Theme premium léger
Themes pesants (Avada, Flow) → migration vers Dawn, Sense, Refresh (officiels Shopify, ultra-optimisés).
6. Différer scripts tiers
Chat, popups, analytics secondaires : defer ou chargement post-LCP.
7. CSS critique inliné
Via PurgeCSS ou Critical CSS extractor.
8. Compression Brotli
Activée par défaut sur Shopify CDN, vérifier en prod.
Cas client Shopify
Boutique mode (CA 1.4M€). État initial : LCP 5.2s, INP 720ms, CLS 0.42. Note PageSpeed mobile 32/100.
Actions sur 6 semaines :
- Migration thème Avada → Dawn customisé
- Suppression 12 apps non utilisées
- Optimisation images (WebP + preload hero)
- Fonts preload + swap
Résultats :
- LCP 1.8s
- INP 180ms
- CLS 0.05
- Note PageSpeed mobile 89/100
- +27% trafic SEO en 3 mois
- +18% conversion (UX)
Outils mesure
- PageSpeed Insights (terrain + lab)
- Lighthouse CI
- WebPageTest (lab détaillé)
- Search Console > Core Web Vitals (terrain agrégé)
- Calibre / SpeedCurve (monitoring continu, payant)
FAQ
Les CWV impactent-ils vraiment le ranking ?
Oui, depuis 2021 (Page Experience update). Plus marqué en mobile et e-commerce concurrentiel.
Faut-il un thème Shopify Plus pour bien performer ?
Non. Dawn (gratuit, officiel) > 80% des thèmes payants en perf out-of-the-box.
Partager