Vitesse de site et Core Web Vitals : pourquoi c’est crucial pour votre chiffre d’affaires
LCP, INP, CLS : ce que mesurent les Core Web Vitals de Google, pourquoi un site lent vous coûte des clients et comment améliorer ses performances.
Par Léo Chuzel · Publié le · 2 min de lecture
Un visiteur qui attend est un visiteur qui s’en va. Sur mobile, souvent avec une connexion moyenne, chaque seconde de chargement compte. Une étude publiée par Google indique que la probabilité de rebond augmente de 32 % quand le temps de chargement passe d’une à trois secondes. Pour un commerce ou un cabinet, cela représente des contacts perdus chaque jour.
Que sont les Core Web Vitals ?
Les Core Web Vitals sont trois indicateurs définis par Google pour mesurer l’expérience réelle des visiteurs. Ils font partie des signaux pris en compte dans le classement.
LCP : la vitesse d’affichage
Le Largest Contentful Paint mesure le temps nécessaire pour afficher le plus grand élément visible de la page, souvent une image ou le titre principal. Objectif : moins de 2,5 secondes.
INP : la réactivité
L’Interaction to Next Paint mesure le délai entre une action du visiteur (un clic, une saisie) et la réaction visible de la page. Objectif : moins de 200 millisecondes.
CLS : la stabilité visuelle
Le Cumulative Layout Shift mesure les décalages inattendus de la mise en page, comme un bouton qui se déplace au moment où l’on clique. Objectif : un score inférieur à 0,1.
Comment mesurer la vitesse de votre site
- PageSpeed Insights : entrez l’adresse de votre site pour obtenir un score et des données réelles de vos visiteurs, si votre trafic est suffisant.
- Google Search Console : le rapport « Signaux Web essentiels » liste les pages à améliorer.
- Les outils de développement du navigateur : pour analyser précisément ce qui ralentit une page.
Les causes les plus fréquentes d’un site lent
- Des images trop lourdes, non compressées ou dans des formats anciens.
- Trop d’extensions ou de scripts : chaque plugin, outil de chat ou pixel publicitaire ajoute du poids.
- Un thème surchargé qui charge du code pour des fonctionnalités inutilisées.
- Un hébergement bas de gamme ou éloigné de vos visiteurs.
- Des polices de caractères mal chargées qui retardent l’affichage du texte.
- L’absence de cache : les pages sont recalculées à chaque visite.
Comment améliorer les performances
Sur un site existant, quelques actions donnent des résultats rapides : compresser et redimensionner les images, supprimer les extensions inutiles, différer les scripts non essentiels, activer le cache. Ces optimisations ont toutefois une limite : on ne transforme pas un thème lourd en site rapide.
Pour aller plus loin, il faut repenser l’architecture. Les technologies modernes comme Next.js génèrent les pages à l’avance ou côté serveur, optimisent automatiquement les images et ne chargent que le code nécessaire à chaque page. C’est ce qui permet d’atteindre des scores supérieurs à 90 sur mobile. Pour une boutique, c’est tout l’intérêt d’une architecture Shopify headless.
La vitesse, un avantage concurrentiel à Marseille
Beaucoup de sites d’entreprises locales sont construits sur des thèmes vieillissants. Un site nettement plus rapide que ceux de vos concurrents améliore à la fois votre classement et votre taux de conversion. C’est un des fondamentaux de chacun de nos projets de création et de refonte de site.