Pourquoi votre site met dix secondes à s’afficher, et comment le corriger

Chaque extension WordPress ajoute du code. Certaines en ajoutent sur toutes les pages, même là où elles ne servent à rien. Au fil des années, un site accumule souvent vingt ou trente extensions, dont la moitié ne sert plus.

Un client ouvre votre site depuis son téléphone. L’écran reste blanc. Il attend trois secondes, puis cinq, puis il revient à Google et clique sur le site suivant. Vous ne saurez jamais qu’il était là.

La lenteur est l’un des problèmes les plus coûteux et les moins visibles d’un site web. Elle fait fuir les visiteurs, elle pèse sur votre place dans Google, et elle coûte cher en données mobiles à vos clients.

Bonne nouvelle : les causes sont presque toujours les mêmes, et la plupart se corrigent en quelques heures.

Comment mesurer la vitesse de votre site

Avant de corriger, il faut mesurer. Ouvrez PageSpeed Insights, l’outil gratuit de Google, et collez l’adresse de votre site. Regardez surtout le résultat « Mobile ».

L’outil affiche une note sur 100 et plusieurs indicateurs. Le plus parlant est le temps d’affichage de l’élément principal de la page. Au-delà de quatre secondes sur mobile, vos visiteurs décrochent.

Faites aussi le test vous-même. Ouvrez votre site sur un téléphone d’entrée de gamme, avec une connexion 4G ordinaire, en dehors du wifi du bureau. C’est dans ces conditions que la plupart de vos clients le découvrent.

Cause 1 : des images beaucoup trop lourdes

C’est la cause numéro un. Une photo prise avec un téléphone récent pèse souvent plusieurs mégaoctets. Affichée telle quelle sur votre page d’accueil, elle ralentit tout.

Comment corriger

Redimensionnez vos images à la taille réellement affichée. Une image de bannière n’a pas besoin de dépasser 1920 pixels de large. Une vignette peut se contenter de 600 pixels.

Convertissez-les au format WebP, plus léger que le JPEG pour une qualité équivalente. Sur WordPress, une extension de compression peut le faire automatiquement pour toutes les images existantes et futures.

Activez aussi le chargement différé. Les images situées plus bas dans la page ne se chargent qu’au moment où le visiteur y arrive.

Cause 2 : trop d’extensions

Chaque extension WordPress ajoute du code. Certaines en ajoutent sur toutes les pages, même là où elles ne servent à rien. Au fil des années, un site accumule souvent vingt ou trente extensions, dont la moitié ne sert plus.

Comment corriger

Faites l’inventaire. Pour chaque extension, posez une question simple : si je la désactive, qu’est-ce qui ne fonctionne plus ? Si la réponse est « rien », supprimez-la.

Méfiez-vous des extensions qui font la même chose en double, par exemple deux outils de formulaire ou deux constructeurs de pages.

Cause 3 : un hébergement inadapté

Un hébergement très bon marché partage souvent un même serveur entre des centaines de sites. Quand vos voisins sont sollicités, votre site ralentit.

La distance compte aussi. Un serveur situé très loin de vos visiteurs ajoute un délai à chaque échange.

Comment corriger

Vérifiez la version de PHP utilisée par votre hébergement et passez à une version récente si ce n’est pas déjà fait. Le gain est souvent immédiat.

Si le site reste lent malgré les autres corrections, comparez les offres. Un hébergement de qualité coûte un peu plus cher, mais la différence se récupère vite en clients qui restent.

Cause 4 : aucun système de cache

Sans cache, votre serveur reconstruit chaque page à chaque visite. Avec un cache, il prépare une version toute prête et la sert instantanément.

Comment corriger

La plupart des hébergeurs proposent un outil de cache, parfois déjà installé. Activez-le, puis videz le cache après chaque modification importante du site pour que les visiteurs voient la nouvelle version.

Attention aux réglages trop agressifs. Certaines options, comme le report de tous les scripts, peuvent casser un menu ou un formulaire. Testez votre site après chaque changement.

Cause 5 : des éléments externes en trop

Vidéos intégrées, cartes, polices venues de plusieurs sources, widgets de réseaux sociaux, outils de suivi : chacun demande une connexion supplémentaire vers un autre serveur.

Comment corriger

Gardez ce qui sert vraiment. Limitez-vous à deux familles de polices. Remplacez une vidéo intégrée en haut de page par une image cliquable qui ouvre la vidéo.

Un exemple concret

Une agence de voyages de Yaoundé affichait sur sa page d’accueil un diaporama de huit photos non compressées, une vidéo intégrée et un fil Instagram. Sur mobile, la page mettait plus de dix secondes à apparaître.

Après compression des photos, remplacement du diaporama par une seule image, suppression du fil Instagram et activation du cache, la page s’affichait en moins de trois secondes. Les demandes de devis via le formulaire ont suivi.

Cet exemple est illustratif. Les gains réels dépendent de chaque site.

L’ordre dans lequel agir

  1. Mesurez avec PageSpeed Insights et notez le résultat mobile.
  2. Compressez et redimensionnez les images.
  3. Supprimez les extensions inutiles.
  4. Activez le cache.
  5. Mesurez à nouveau, puis évaluez l’hébergement si le site reste lent.

Ce qu’il faut retenir

Un site lent perd des clients avant même qu’ils lisent votre offre. Commencez par les images et les extensions, qui expliquent la majorité des lenteurs, puis mesurez à nouveau.

Vous voulez un diagnostic de vitesse et un plan de correction pour votre site ? Découvrez notre pôle Développement Web et Solutions Digitales.

Besoin d'un avis sur votre situation ?

Un diagnostic gratuit vous dit ce qui vaut la peine d’être fait dans votre cas, et dans quel ordre.