Vous avez peut-être entendu parler des 'Core Web Vitals' sans vraiment savoir ce que c'est. Voici ce que vous devez retenir : depuis 2021, Google intègre la vitesse et la qualité d'expérience de votre site dans son algorithme de classement.
En clair : un site lent = moins bien positionné sur Google. Et un site lent = moins de ventes. Les deux sont directement liés.
53 % des visiteurs mobiles quittent un site qui prend plus de 3 secondes à charger. Sur mobile, vos clients sont encore moins patients que sur desktop.
Les Core Web Vitals : ce que Google mesure et pourquoi
Les Core Web Vitals sont 3 métriques que Google utilise pour évaluer la qualité d'expérience de chaque page de votre site. Elles sont mesurées depuis de vrais appareils de vrais utilisateurs — pas depuis un serveur distant. Ce sont donc des mesures de ce que vivent réellement vos clients.
LCP — Largest Contentful Paint (chargement du contenu principal)
Le LCP mesure le temps que prend l'élément le plus grand de votre page à s'afficher — généralement l'image principale d'un produit ou le titre de votre page catégorie.
- Vert (bon) : moins de 2,5 secondes
- Orange (à améliorer) : entre 2,5 et 4 secondes
- Rouge (mauvais) : plus de 4 secondes
Sur une fiche produit e-commerce, le LCP correspond souvent à la photo principale du produit. Si cette image est trop lourde ou mal optimisée, elle ralentit tout le chargement de la page.
INP — Interaction to Next Paint (réactivité aux interactions)
L'INP mesure la rapidité avec laquelle votre site répond quand un utilisateur interagit avec lui : clic sur un bouton 'Ajouter au panier', sélection d'une taille ou d'une couleur, ouverture d'un filtre.
- Vert (bon) : moins de 200 millisecondes
- Orange (à améliorer) : entre 200 et 500 ms
- Rouge (mauvais) : plus de 500 ms
Un site qui 'lag' quand on clique sur 'Ajouter au panier' génère de l'abandon. C'est souvent causé par des scripts JavaScript trop lourds ou mal optimisés.
CLS — Cumulative Layout Shift (stabilité visuelle)
Le CLS mesure si votre page 'saute' visuellement pendant le chargement — quand un élément se déplace soudainement et que l'utilisateur clique par erreur sur le mauvais bouton.
- Vert (bon) : score inférieur à 0,1
- Orange (à améliorer) : entre 0,1 et 0,25
- Rouge (mauvais) : plus de 0,25
Le CLS est particulièrement problématique sur mobile. Si votre bannière promotionnelle se charge en retard et déplace le bouton 'Acheter' au moment où votre client va cliquer dessus, c'est une vente perdue.
L'impact direct sur vos ventes
Les chiffres qui font réfléchir
+1 seconde de chargement = -7 % de taux de conversion (source : Portent Research)
+2 secondes = -15 % de conversion
53 % des visiteurs mobiles quittent si le chargement dépasse 3 secondes
Les boutiques rapides convertissent en moyenne 2× mieux que les boutiques lentes
Ces chiffres ne sont pas théoriques. Sur une boutique qui fait 50 000 € de CA mensuel avec un taux de conversion de 2 %, passer de 4 secondes à 2 secondes de chargement peut générer 7 000 € de CA supplémentaire par mois — sans changer une seule ligne de copie ou un seul prix.
L'effet mobile — plus de 60 % de vos visites
En e-commerce, la part du mobile dépasse 60 % des visites sur la plupart des secteurs. Or, les scores Core Web Vitals sont généralement bien meilleurs sur desktop que sur mobile. C'est là que se trouve le problème — et le potentiel.
Une boutique avec un bon score desktop mais un mauvais score mobile perd la majorité de ses visiteurs avant même qu'ils aient vu le premier produit.
Comment mesurer la performance de votre boutique
PageSpeed Insights — tester en 30 secondes
Rendez-vous sur pagespeed.web.dev. Entrez l'URL de votre page d'accueil, puis de votre meilleure page catégorie. L'outil vous donne un score de 0 à 100 et liste les problèmes par ordre de priorité.
Testez en priorité sur mobile — c'est là que les problèmes sont les plus fréquents et les plus impactants.
Score PageSpeed mobile à interpréter :
0 à 30 → Problèmes critiques, action urgente
30 à 50 → Performance insuffisante, gains importants disponibles
50 à 70 → Acceptable mais améliorable
70 à 90 → Bonne performance, optimisation fine
90 à 100 → Excellent
Google Search Console — le rapport Expérience de la page
Dans votre Search Console, allez dans 'Expérience' → 'Signaux Core Web Vitals'. Vous verrez quelles pages sont classées comme 'Mauvaises', 'À améliorer' ou 'Bonnes' selon les données réelles de vos visiteurs. Ce rapport est plus fiable que PageSpeed Insights car il est basé sur des données utilisateurs réelles.
GTmetrix — pour approfondir l'analyse
GTmetrix (gtmetrix.com) offre une analyse plus détaillée avec des recommandations classées par impact. Utile pour identifier précisément quels éléments ralentissent votre site avant de déléguer les corrections à un développeur.
Les 6 causes principales de lenteur sur une boutique e-commerce
Cause 1 — Images non compressées (la plus fréquente)
Sur la plupart des boutiques en ligne, les images représentent 70 à 85 % du poids total de la page. Une photo produit prise avec un smartphone récent pèse entre 3 et 8 Mo. Mise en ligne sans compression, elle ralentit considérablement le chargement.
La correction : compressez toutes vos images avant de les mettre en ligne avec des outils comme Squoosh (gratuit) ou TinyPNG. Sur Shopify, des apps comme Crush.pics automatisent cette compression. Sur WooCommerce, le plugin Smush fait le travail en arrière-plan. Gain habituel : 60 à 80 % de réduction du poids sans perte visible de qualité.
Cause 2 — Thème surchargé avec trop d'apps ou plugins
Chaque app ou plugin que vous installez ajoute des scripts JavaScript et des feuilles de style CSS qui se chargent sur chaque page. Un thème avec 20 apps actives peut avoir 40 à 60 scripts qui se chargent en parallèle — même sur les pages qui n'ont pas besoin de ces fonctionnalités.
La correction : auditez vos apps et plugins. Désactivez (et désinstallez) tout ce que vous n'utilisez pas. Sur Shopify, vérifiez dans le thème editor quels scripts sont chargés sur quelles pages.
Cause 3 — Hébergement mutualisé sous-dimensionné
Un hébergement mutualisé à 3 €/mois convient pour un blog. Pour une boutique e-commerce avec des centaines de pages et plusieurs visiteurs simultanés, c'est insuffisant. Le serveur sature et les temps de réponse explosent.
La correction : sur WooCommerce, passez sur un hébergement managé WordPress (SiteGround, WP Engine, Kinsta). Sur Shopify, ce problème ne se pose pas — l'hébergement est géré par Shopify.
Cause 4 — Pas de mise en cache
Sans cache, chaque visite sur votre site déclenche une requête complète vers la base de données. Avec un cache, les pages fréquemment visitées sont stockées temporairement et servies instantanément.
La correction : sur WooCommerce, installez WP Rocket (payant, ~50 €/an) ou W3 Total Cache (gratuit). Sur Shopify, le cache est géré nativement — vérifiez juste que vous n'avez pas de scripts tiers qui l'empêchent de fonctionner.
Cause 5 — Scripts tiers bloquants
Widgets de chat, pixels de tracking, scripts de comparateurs de prix, outils de personnalisation… Chaque script tiers chargé en synchrone bloque le rendu de la page jusqu'à sa fin de chargement.
La correction : chargez les scripts non-essentiels en mode 'defer' ou 'async' pour qu'ils ne bloquent pas le rendu principal. Votre développeur peut l'implémenter en quelques minutes par script.
Cause 6 — Slider ou carrousel en page d'accueil
Les sliders sont lourds, rarement cliqués (moins de 1 % selon la plupart des études), et catastrophiques pour le CLS. Pourtant ils sont encore présents sur une majorité de boutiques.
La correction : remplacez votre slider par une image unique de qualité avec un message clair et un bouton d'action. Vous gagnerez en performance ET en conversion.
Par où commencer selon votre score
Score en dessous de 30 — les urgences
- Compresser toutes les images (commencer par les pages les plus visitées)
- Désactiver les plugins/apps inutiles
- Supprimer ou remplacer le slider
Score entre 30 et 60 — les gains intermédiaires
- Activer le cache
- Passer les scripts non-essentiels en 'defer'
- Vérifier l'hébergement et migrer si nécessaire
Score entre 60 et 80 — l'optimisation fine
- Lazy loading sur les images hors viewport
- Préchargement des polices de caractères
- Réduction du CSS non utilisé
La vitesse n'est pas qu'une question technique. C'est une question de chiffre d'affaires. Chaque seconde gagnée sur votre temps de chargement se traduit directement en plus de visiteurs qui restent, et en plus de clients qui achètent.
Vous reconnaissez votre situation ?
Votre score PageSpeed est en dessous de 60 sur mobile ? On analyse les freins techniques de votre boutique et on vous donne les 5 priorités à traiter pour le plus grand impact — audit gratuit, sans engagement.
→ Demandez votre audit gratuit sur webproseo.fr — Réponse sous 24h · Sans engagement
Questions fréquentes
Les appareils mobiles ont généralement moins de puissance de calcul et une connexion internet plus lente que les ordinateurs. De plus, Google applique des critères plus stricts sur mobile (simulation 4G lente) car c'est là que l'expérience utilisateur est la plus critique. Un site peut scorer 85/100 sur desktop et 35/100 sur mobile si les images ne sont pas optimisées ou si le JavaScript est trop lourd.
Les optimisations simples (compression d'images, désactivation de plugins inutiles) donnent des résultats immédiats — en quelques heures. Les optimisations plus techniques (migration d'hébergement, refonte du thème) peuvent prendre 2 à 4 semaines. Google met à jour ses données Core Web Vitals dans la Search Console avec un décalage de 28 jours, donc soyez patient pour voir l'impact SEO complet.
Pas nécessairement. WooCommerce peut être très rapide s'il est bien configuré : bon hébergement (VPS ou managé WordPress), cache activé, images optimisées, nombre de plugins limité. Shopify est plus simple et rapide 'out of the box', mais migrer une boutique complète est coûteux et risqué. Commencez par optimiser votre installation actuelle avant d'envisager une migration.
Oui, mais ce n'est pas le facteur le plus important. Google a confirmé que les Core Web Vitals sont un signal de classement depuis 2021, mais ils pèsent moins que la pertinence du contenu, les backlinks ou l'autorité du domaine. En revanche, sur des requêtes où plusieurs sites sont au coude à coude, les Core Web Vitals peuvent faire la différence. Et surtout, ils impactent directement votre taux de conversion.
Pas obligatoirement pour les optimisations de base. Compresser vos images, désactiver des plugins, activer un plugin de cache : vous pouvez le faire vous-même. En revanche, pour des optimisations avancées (lazy loading personnalisé, optimisation du JavaScript, migration serveur), un développeur spécialisé en performance web vous fera gagner un temps précieux et évitera les erreurs. Budget indicatif : 500 à 2000 € selon la complexité.