Vitesse de chargement et Core Web Vitals : accélérer votre site
Un site qui passe de 4 à 2 secondes de chargement observe souvent 10 à 20 % de trafic organique en plus dans les semaines qui suivent.
- Trois métriques comptent vraiment pour Google : LCP, INP et CLS
- Les images non optimisées sont la cause numéro un de lenteur sur un site vitrine
- Différer le JavaScript non essentiel (defer/async) libère le rendu du contenu principal
- Un suivi hebdomadaire dans Search Console détecte les régressions avant qu’elles ne coûtent du trafic
Pourquoi la vitesse est devenue cruciale
Google pénalise explicitement les sites lents depuis 2018, et cette pénalité s’est durcie avec les Core Web Vitals en 2021. Un site qui met 4 secondes à charger voit son taux de rebond augmenter de 40 % comparé à un site qui charge en une seconde. Un site lent envoie un double signal négatif : aux moteurs de recherche, et aux visiteurs qui doutent du sérieux de l’entreprise.
Les Core Web Vitals : ce que Google mesure vraiment
LCP
Temps d’affichage du contenu principal. Cible : sous 2,5 secondes.
INP
Réactivité au clic. Cible : sous 200 millisecondes.
CLS
Stabilité visuelle au chargement. Cible : sous 0,1.
Sur un site vitrine, une image hero ou un bloc de texte détermine souvent le LCP. Un clic sur « Demander un devis » qui met une seconde à réagir signale un problème d’INP. Un contenu qui se décale après coup, souvent à cause d’images sans dimensions définies, dégrade le CLS.
Identifier les freins à la vitesse
Google PageSpeed Insights (desktop et mobile) donne un score de 0 à 100 et liste les problèmes précis. Sur les sites vitrines, les images non optimisées sont la cause numéro un : une photo brute peut peser 5 à 10 Mo contre 50 à 300 Ko correctement compressée, un facteur 20. Le JavaScript mal chargé et l’absence de cache navigateur suivent de près.
Optimiser les images : le levier à plus haut impact
- Redimensionner à la taille réellement affichée, puis compresser (TinyPNG, Squoosh) sans perte visible.
- Adopter le format WebP : 25 à 35 % de compression en plus que le JPEG à qualité égale.
- Définir les dimensions dans le code : réserve l’espace et évite le décalage (CLS) au chargement.
- Lazy loading pour les images sous la ligne de flottaison, et versions responsives selon l’écran.
Réduire le temps de réponse serveur et le JavaScript
Un cache serveur bien configuré peut faire passer le temps de première réponse de 3 secondes à 0,4 seconde. La minification du CSS et du JavaScript, un CDN (Cloudflare par exemple améliore souvent le TTFB de 30 à 50 %), et la suppression des ressources inutiles complètent l’optimisation côté serveur.
Côté JavaScript, différez tout ce qui n’est pas essentiel à l’affichage initial (tracking, chat, bannière cookies) avec les attributs async ou defer. Fragmenter un gros fichier en plus petits morceaux (code splitting) et évaluer si chaque librairie est vraiment nécessaire évite de bloquer inutilement le rendu.
Une refonte est l’occasion idéale de bâtir la vitesse dès la conception : c’est ce que nous intégrons dans chaque projet de création et refonte de site internet, plutôt que de corriger un site legacy après coup.
Surveillance continue
Le rapport d’expérience de page dans Google Search Console montre combien de pages ont une bonne, acceptable ou mauvaise expérience selon les Core Web Vitals : à consulter chaque semaine. Visez un score PageSpeed de 90 ou plus sur mobile et desktop ; en dessous de 50, une action immédiate s’impose. Un audit annuel avec un prestataire spécialisé suffit pour la plupart des PME & ETI sans développeur interne.
Questions fréquentes
Quelle est la cause la plus fréquente de lenteur ?+
Les images non optimisées, de loin, sur la majorité des sites vitrines et portfolios.
Un CDN est-il nécessaire pour un petit site ?+
Pas indispensable, mais un CDN gratuit comme Cloudflare améliore souvent la fiabilité et le temps de réponse sans effort.
Comment savoir si mon site a un problème de CLS ?+
Si le contenu se déplace visiblement pendant le chargement, c’est un signe. PageSpeed Insights donne un score CLS précis.