Vitesse du site : pourquoi c’est important
Un site lent fait fuir les visiteurs et pèse sur le référencement. Ce que mesurent les Core Web Vitals, comment tester votre site et les leviers les plus efficaces.
Sommaire
Vous avez sans doute déjà quitté un site qui mettait trop de temps à s’afficher. Vos clients aussi. La vitesse n’est pas un détail technique : elle influence l’expérience de vos visiteurs, le nombre de demandes de contact que vous recevez et votre visibilité sur Google.
Pourquoi la vitesse compte
Pour vos visiteurs
Sur mobile, en 4G, dans la rue ou entre deux rendez-vous, la patience est courte. Un site qui s’affiche vite donne immédiatement une impression de sérieux. Un site lent produit l’effet inverse, avant même que le visiteur ait lu une seule ligne.
Pour votre référencement
Google tient compte de l’expérience offerte par les pages, dont leur vitesse, parmi ses nombreux critères de classement. Ce n’est pas le critère principal (la pertinence du contenu reste déterminante), mais à contenu comparable, un site rapide part avec un avantage. Et surtout, un site rapide garde mieux ses visiteurs : c’est là que se joue l’essentiel.
Ce que mesurent les Core Web Vitals
Google résume la vitesse ressentie en trois indicateurs, les Core Web Vitals :
- LCP (Largest Contentful Paint) : le temps d’affichage du plus grand élément visible, souvent une image ou le titre principal. Objectif : moins de 2,5 secondes.
- INP (Interaction to Next Paint) : la réactivité de la page quand on clique ou qu’on touche l’écran. Objectif : moins de 200 millisecondes.
- CLS (Cumulative Layout Shift) : la stabilité de la page. Ce sont ces éléments qui « sautent » pendant le chargement et vous font cliquer au mauvais endroit. Objectif : moins de 0,1.
Comment tester votre site
- Rendez-vous sur PageSpeed Insights (nouvel onglet) et saisissez l’adresse de votre site.
- Commencez par les résultats mobiles : c’est là que les problèmes se voient, et c’est là que se trouvent la plupart de vos visiteurs.
- Si votre site reçoit assez de visites, l’outil affiche les données réelles collectées auprès des utilisateurs de Chrome. Sinon, appuyez-vous sur le diagnostic de laboratoire (Lighthouse), qui détaille les points à améliorer.
- Ne visez pas 100 à tout prix : un score supérieur à 90 et des Core Web Vitals au vert, c’est déjà excellent.
Les leviers les plus efficaces
1. Les images
C’est souvent la première cause de lenteur. Une photo prise au smartphone pèse plusieurs mégaoctets ; affichée sur 800 pixels de large, elle n’a besoin que de quelques dizaines à quelques centaines de kilo-octets.
- Redimensionnez les images à leur taille d’affichage réelle.
- Utilisez des formats modernes, WebP ou AVIF, bien plus légers que le JPEG à qualité égale.
- Chargez en différé (lazy loading) les images situées plus bas dans la page.
- Réservez leur place dans la mise en page pour éviter les sauts (CLS).
Sur les sites que je développe, tout cela est automatique : Next.js génère pour chaque image plusieurs tailles et des formats modernes, et le navigateur télécharge la plus adaptée à l’écran.
2. Les scripts tiers
Chaque outil ajouté (chat, boutons de réseaux sociaux, vidéo intégrée, outils de suivi) charge du code supplémentaire, souvent lourd, parfois sur toutes les pages. Faites le tri : gardez ce qui sert vraiment, et chargez le reste à la demande. Une vidéo YouTube peut par exemple n’être chargée qu’au clic sur son aperçu.
3. Les polices de caractères
Trop de polices, ou trop de graisses d’une même police, alourdissent la page. Une ou deux familles, hébergées avec le site plutôt que chargées depuis un service externe, suffisent largement.
4. L’hébergement et le cache
Les pages générées à l’avance (statiques) et servies par un réseau de diffusion (CDN), depuis un serveur proche du visiteur, s’affichent presque instantanément. C’est la base d’un site rapide, avant toute optimisation.
5. Les extensions de votre CMS
Sur WordPress notamment, chaque extension peut ajouter ses propres scripts et feuilles de style à toutes les pages. Désactivez, puis supprimez, celles qui ne servent plus.
Mesurer, c’est progresser
La vitesse n’est jamais acquise une fois pour toutes : une nouvelle photo trop lourde ou un script ajouté à la hâte peuvent suffire à ralentir un site. D’où l’intérêt de mesurer régulièrement, en particulier sur mobile, et d’intégrer ces vérifications à la maintenance du site.
En résumé
- La vitesse améliore l’expérience de vos visiteurs et soutient votre référencement.
- Mesurez avec PageSpeed Insights, en commençant par les résultats mobiles.
- Agissez d’abord sur les images, puis sur les scripts, les polices et l’hébergement.
Votre site vous semble lent ? Écrivez-moi : je l’analyse et je vous dis quoi améliorer en priorité.
Ces conseils vous sont utiles ?
Recevez les prochains articles directement dans votre boîte mail.