Un site lent fait fuir vos visiteurs et plombe votre référencement. Voici un guide concret pour atteindre des scores Lighthouse de plus de 90 sans tout refaire de zéro.
Pourquoi la vitesse est critique
Selon Google, 53% des visiteurs mobiles abandonnent une page qui met plus de 3 secondes à charger. Sur un site e-commerce, chaque seconde de latence en plus peut coûter jusqu'à 7% du taux de conversion.
Les leviers principaux
1. Optimiser les images
Les images représentent souvent 60 à 80% du poids d'une page. Utilisez les formats WebP ou AVIF, redimensionnez à la taille d'affichage réelle, et utilisez l'attribut loading="lazy" pour différer le chargement.
2. Limiter les scripts tiers
Chaque tracker, chaque widget social, chaque chat externe ajoute des requêtes et du JavaScript bloquant. Auditez ce qui est vraiment indispensable.
3. Mettre en cache agressivement
Un bon CDN avec une politique de cache bien configurée transforme l'expérience pour les visiteurs récurrents.
4. Privilégier le SSR ou la génération statique
Servir du HTML déjà prêt au lieu d'attendre que JavaScript construise la page change tout, surtout sur mobile. Les frameworks comme Angular SSR, Next.js ou Astro rendent cela accessible.
Mesurer pour progresser
Sans mesure, pas d'amélioration. Trois outils gratuits suffisent :
- PageSpeed Insights pour un audit rapide.
- WebPageTest pour des analyses détaillées par localisation.
- Search Console pour le suivi des Core Web Vitals dans le temps.
L'objectif n'est pas la perfection mais l'amélioration continue. Visez un score > 90 sur mobile et > 95 sur desktop.
