Pourquoi votre site est lent (et ce que ça vous coûte)

La lenteur d'un site ne se voit pas depuis votre bureau, en fibre, avec le site en cache. Elle se voit sur un téléphone, en 4G moyenne, sur la route entre Visé et Herstal. C'est pourtant là que se trouvent vos visiteurs.

Ce que la lenteur coûte, en chiffres

• Environ la moitié des visiteurs mobiles abandonnent un site qui met plus de trois secondes à s'afficher.
• Chaque seconde supplémentaire fait chuter le taux de conversion de manière mesurable — l'ordre de grandeur généralement observé est de 5 à 10 % par seconde.
• Depuis 2021, Google intègre la vitesse à son classement via les Core Web Vitals. À contenu équivalent, le site rapide passe devant.

Autrement dit, un site lent perd deux fois : il est moins bien classé, et il convertit moins ceux qui arrivent quand même.

Les six causes réelles, par ordre de fréquence

1. Les images non optimisées — de loin la première

Une photo sortie d'un appareil fait 4 à 8 Mo. Uploadée telle quelle, elle est affichée dans un cadre de 800 pixels de large : le navigateur télécharge huit mégaoctets pour en afficher l'équivalent de deux cents kilo-octets.

Correction : redimensionner à la taille réelle d'affichage, convertir en WebP ou AVIF, et charger en différé les images situées hors écran. Gain typique : 60 à 80 % du poids de la page. C'est la correction la plus rentable qui existe.

2. Les scripts tiers

Chaque outil ajouté charge son propre code : bandeau cookies, chat en direct, pixel Facebook, Google Analytics, Google Tag Manager, carte interactive, widget d'avis, police externe. Dix scripts tiers, c'est facilement deux secondes de plus.

Correction : faire l'inventaire, supprimer ce qui ne sert plus (il y a toujours un pixel d'une campagne de 2023), et charger le reste en différé.

3. Les extensions accumulées

Sur WordPress, chaque extension ajoute son CSS et son JavaScript sur toutes les pages, même celles où elle ne sert pas. Un formulaire de contact charge sa bibliothèque sur la page d'accueil.

Correction : désactiver les extensions inutilisées, et n'en garder qu'une par fonction.

4. L'hébergement mutualisé bon marché

À 3 € par mois, votre site partage un serveur avec plusieurs centaines d'autres. Quand l'un d'eux reçoit une pointe de trafic, le vôtre ralentit.

Correction : un hébergement correct, ou mieux, une diffusion par réseau de distribution (CDN) où les pages sont servies depuis un serveur proche du visiteur.

5. Les polices d'écriture

Quatre graisses d'une police Google chargées depuis un serveur externe, c'est un aller-retour réseau supplémentaire et souvent un texte invisible pendant une seconde.

Correction : héberger les polices soi-même, limiter à deux graisses, précharger la principale.

6. L'absence de cache

Sans cache, le serveur reconstruit intégralement la page à chaque visite. Avec, il sert une version déjà prête.

Mesurer avant de corriger

Trois outils gratuits suffisent :

• PageSpeed Insights (Google) — donne la note et, surtout, les données réelles collectées auprès des utilisateurs de Chrome. Ce sont ces données-là que Google utilise pour le classement.
• WebPageTest — permet de tester depuis un lieu et une connexion précis, par exemple un mobile en 4G en Europe.
• Search Console, section « Signaux web essentiels » — montre l'évolution sur l'ensemble de vos pages dans le temps.

Un conseil : ne courez pas après le score de 100. Un score de 90 sur mobile avec des données réelles au vert vaut mieux qu'un 100 en laboratoire sur une page vide.

Les trois indicateurs qui comptent

• LCP (affichage du plus grand élément) : doit rester sous 2,5 s. C'est presque toujours l'image principale qui pèche.
• INP (réactivité aux interactions) : sous 200 ms. C'est le JavaScript qui bloque.
• CLS (stabilité visuelle) : sous 0,1. Ce sont les images sans dimensions déclarées et les bandeaux qui s'insèrent après coup et font sauter le texte au moment où l'on va cliquer.

Le plan de correction, dans l'ordre

1. Optimiser toutes les images. Souvent, cela suffit à passer au vert.
2. Supprimer les scripts tiers inutiles.
3. Différer ce qui reste.
4. Activer un cache et une diffusion par CDN.
5. Héberger les polices localement.
6. Si le site reste lent après tout cela, le problème est structurel — et il faut envisager une refonte plutôt qu'un rafistolage.

Les quatre premiers points sont à la portée d'un prestataire compétent en une journée de travail. C'est généralement le meilleur investissement technique qu'un site puisse recevoir.