Un site lent perd le visiteur avant la première ligne
Un client vous l’a dit en passant, presque gêné : « J’ai voulu regarder votre site, mais il ne chargeait pas. » Vous l’ouvrez le soir sur votre téléphone et vous comprenez. L’écran reste blanc un moment, puis le logo apparaît, puis une grande photo se dessine par bandes, et le texte arrive en dernier. Chez vous, avec le wifi de la maison, cela passe encore. Dans une camionnette garée sur un parking de zone commerciale, avec une seule barre de réseau, c’est une autre histoire.
La lenteur d’un site ne se remarque pas comme une faute d’orthographe ou une photo ratée. Elle ne se voit pas, elle se subit. Et le visiteur qui la subit ne vous écrit pas pour s’en plaindre : il revient en arrière et clique sur le résultat suivant. Celui qui cherchait un plombier, un taxi pour l’aéroport ou un serrurier un dimanche n’a aucune raison d’attendre que votre page se décide. Il a déjà trois autres noms sous les yeux.
C’est le point qu’il faut retenir avant tout le reste : pour une petite entreprise locale, la quasi-totalité des visiteurs arrivent depuis un téléphone, souvent en déplacement, rarement dans de bonnes conditions de réseau. Un site qui s’affiche vite sur l’ordinateur du bureau peut être pénible sur ce téléphone-là. Le bon test n’est donc jamais celui que vous faites à votre bureau.
La bonne nouvelle, c’est que la lenteur d’un petit site vitrine a presque toujours les mêmes causes, et qu’elles sont rarement mystérieuses. Ce ne sont pas des problèmes de serveur hors de prix ou de programmation savante. Ce sont des photos trop lourdes, des ajouts empilés au fil des années, et parfois un hébergement mal réglé. On peut les repérer soi-même, sans compétence technique, et savoir précisément quoi demander à son prestataire.
Un exemple pour fixer les idées. Un menuisier fait refaire son site. Pour montrer son savoir-faire, il envoie au prestataire une trentaine de photos de chantiers, prises avec un bon téléphone, en pleine résolution. Le prestataire les intègre telles quelles dans un carrousel en haut de la page d’accueil. Sur l’écran du bureau, le résultat est superbe. Sur le téléphone d’un client, la page doit télécharger l’équivalent de plusieurs albums photos avant d’afficher le moindre numéro de téléphone. Le menuisier a payé pour un site qui fait fuir les clients pressés, et personne ne s’en est rendu compte.
Ce qui suit vous permet de mesurer la lenteur sans vous tromper, d’en identifier la cause dans l’ordre où elle se présente le plus souvent, et de répartir les corrections entre ce que vous pouvez faire et ce qui revient au prestataire.
Mesurer sans se tromper
Avant de chercher une cause, il faut constater le problème dans les conditions de vos clients. Le premier piège est de tester depuis l’appareil que vous utilisez tous les jours. Votre navigateur garde en mémoire une partie de votre site : les images, la mise en page, les polices de caractères. Quand vous revenez sur votre propre page, il n’a presque rien à télécharger. Le site vous paraît rapide parce que vous l’avez déjà vu cent fois. Un nouveau visiteur, lui, part de zéro.
Pour vous mettre à sa place, ouvrez une fenêtre de navigation privée sur votre téléphone. Coupez le wifi pour utiliser le réseau mobile. Si possible, faites l’essai dans un endroit où le réseau est moyen, pas sous l’antenne du centre-ville. Tapez l’adresse de votre site, comptez dans votre tête jusqu’à ce que le texte principal et le numéro de téléphone soient lisibles. Si vous avez le temps de vous impatienter, votre client aussi.
Faites ensuite le même test sur les deux ou trois pages qui comptent le plus : la page d’accueil, la page de vos prestations, la page de contact. Une page d’accueil lente avec des pages intérieures rapides oriente déjà le diagnostic : c’est souvent un diaporama ou une vidéo en haut de l’accueil. Si tout le site est lent de la même manière, la cause est plus générale.
Il existe des outils gratuits en ligne qui mesurent la vitesse d’une page et lui attribuent une note. Ils sont utiles, à une condition : ne pas prendre la note pour une vérité absolue. Ces outils simulent un téléphone et un réseau, et leur note varie d’un passage à l’autre. Leur intérêt est ailleurs : ils dressent la liste des éléments les plus lourds de la page, et cette liste désigne presque toujours le coupable. Si l’outil vous indique qu’une image pèse beaucoup plus que tout le reste, vous tenez votre première piste.
Un dernier conseil pour cette étape : notez ce que vous observez. La date, l’appareil, le réseau, la page, l’impression générale. Cela vous servira pour deux choses. D’abord pour expliquer précisément le problème à votre prestataire, plutôt que de lui dire « le site est lent ». Ensuite pour vérifier, une fois les corrections faites, que la différence est bien réelle.
Les images, première cause de lenteur
Sur un site de petite entreprise, les images représentent l’essentiel du poids d’une page. Le texte ne pèse presque rien. Une page entière de texte se télécharge en un instant. Une seule photo mal préparée peut peser autant que des centaines de pages de texte. C’est donc par là qu’il faut commencer, et c’est là que se trouve la cause dans la grande majorité des cas.
Le problème vient d’une bonne intention. Vous voulez montrer votre travail, vous avez raison. Vos photos de chantier, de véhicule ou de boutique sont votre meilleur argument. Mais un téléphone récent prend des photos d’une taille énorme, pensées pour être imprimées en grand ou recadrées. Sur un écran de téléphone, cette photo s’affiche dans un rectangle de quelques centimètres. Le visiteur télécharge donc une image démesurée pour en voir une version réduite. C’est comme expédier une armoire pour livrer un tiroir.
La solution porte un nom simple : redimensionner et compresser les images avant de les mettre en ligne. Redimensionner, c’est ramener la photo à la taille à laquelle elle sera réellement affichée. Compresser, c’est l’enregistrer dans un format plus léger, avec une perte de qualité que l’œil ne remarque pas à l’écran. Les deux opérations combinées divisent souvent le poids d’une image de façon spectaculaire, sans que personne ne voie la différence sur la page.
Le carrousel en haut de la page d’accueil est un cas particulier qui mérite attention. Ces bandeaux qui font défiler cinq ou six grandes photos ont l’air élégants, mais ils obligent le téléphone à télécharger toutes les images, même celles que le visiteur ne verra jamais parce qu’il aura fait défiler la page avant. Une seule belle photo, bien préparée, accompagnée d’une phrase claire et d’un numéro de téléphone, fait mieux le travail qu’un diaporama, et pour une fraction du poids.
Les galeries de réalisations posent le même problème à plus grande échelle. Une page qui affiche quarante photos de chantiers en pleine taille sera lente quoi qu’on fasse. La bonne pratique consiste à afficher des vignettes légères, qui ne se transforment en grande image que si le visiteur clique dessus. Demandez à votre prestataire si votre galerie fonctionne ainsi. S’il ne comprend pas la question, c’est déjà une réponse.
Enfin, méfiez-vous des vidéos intégrées directement dans la page, surtout en haut de l’accueil et en lecture automatique. Une vidéo de présentation peut avoir sa place, mais elle doit se lancer quand le visiteur le décide, pas imposer son téléchargement à quelqu’un qui voulait seulement votre numéro.
Les extensions et les ajouts accumulés
Deuxième grande cause, surtout sur les sites qui ont quelques années : l’accumulation. Un site vitrine commence souvent simple. Puis on ajoute un module d’avis clients qui affiche les étoiles en bas de page. Puis une fenêtre de discussion en bas à droite. Puis une carte interactive pour indiquer l’adresse. Puis un bandeau de cookies, un compteur de visites, un bouton pour les réseaux sociaux, une police de caractères originale pour les titres. Chaque ajout semblait anodin. Ensemble, ils transforment une page légère en page lourde.
Le mécanisme est toujours le même. Beaucoup de ces ajouts ne sont pas hébergés sur votre site : ils vont chercher leurs fichiers chez un service extérieur, à chaque visite. Le téléphone du visiteur doit donc contacter plusieurs serveurs différents avant d’afficher la page complète. Si l’un d’eux est lent ce jour-là, c’est votre site qui paraît lent. Vous payez la lenteur d’un service que vous ne contrôlez pas.
Sur les sites construits avec un outil de gestion de contenu comme WordPress, le phénomène prend la forme des extensions. Chaque extension ajoute une fonction, et souvent du code qui se charge sur toutes les pages, même celles où la fonction ne sert pas. Un formulaire de contact qui charge ses fichiers sur la page d’accueil, un module de réservation installé pour un essai et jamais retiré : ce sont des poids morts que chaque visiteur télécharge.
Pour faire le tri, posez-vous une question simple devant chaque élément de votre site : est-ce qu’un client en a besoin pour décider de m’appeler ? La fenêtre de discussion à laquelle personne ne répond le week-end ne sert pas. Le compteur de visites ne sert qu’à vous. La carte interactive peut souvent être remplacée par une adresse écrite et un lien vers l’itinéraire, qui ne pèsent rien. Les étoiles d’avis peuvent être affichées sous forme d’une simple phrase citant un client, sans module extérieur.
Les polices de caractères méritent une mention. Une police originale pour les titres donne de la personnalité, mais chaque style supplémentaire, gras, italique, fin, est un fichier de plus à télécharger. Une ou deux variantes suffisent largement. Au-delà, on alourdit le site pour une nuance que le visiteur ne remarque pas.
L’hébergement et le cache
On accuse souvent l’hébergement en premier. En réalité, pour un site vitrine, il arrive en troisième position. Un site de petite entreprise reçoit peu de visites simultanées et contient peu de pages. Même un hébergement modeste suffit en général à le servir rapidement, à condition qu’il soit correctement réglé. Les détails de ce choix sont développés dans notre article sur ce qui compte dans l’hébergement d’un site vitrine.
Il y a pourtant des cas où le serveur est bien en cause. Le signe le plus parlant : même une page presque vide, sans image, met du temps à commencer à s’afficher. L’écran reste blanc un long moment, puis tout arrive d’un coup. Cela signifie que le serveur tarde à répondre, avant même que les images n’entrent en jeu. Les causes possibles sont un hébergement surchargé, partagé avec un très grand nombre d’autres sites, ou un serveur situé très loin de vos visiteurs.
Le réglage qui change le plus les choses s’appelle le cache. Sur un site construit avec un outil de gestion de contenu, chaque page est normalement fabriquée à la demande : le serveur assemble le texte, la mise en page et les éléments à chaque visite. Le cache consiste à garder une copie toute prête de la page, pour la servir immédiatement au visiteur suivant. Pour un site vitrine dont le contenu change rarement, c’est un gain considérable. Un site sans cache refait inutilement le même travail des milliers de fois.
Vous n’avez pas à savoir comment le cache se règle. Vous avez à savoir qu’il existe, et à demander à votre prestataire s’il est en place sur votre site. La question est légitime, la réponse doit être simple. Un prestataire sérieux vous dira oui, et vous expliquera en une phrase ce qui est mis en cache.
Dernier point sur l’hébergement : un changement d’hébergeur ne règle pas un problème d’images ou d’extensions. Déplacer un site lourd sur un serveur plus puissant, c’est comme mettre un moteur plus gros dans une camionnette surchargée. Ça aide un peu, ça coûte cher, et le problème de fond reste entier. Allégez d’abord, et ne regardez l’hébergement que si la page reste lente une fois allégée.
Ce qu’on corrige soi-même, ce qu’on demande
Une partie des corrections est à votre portée, même sans connaissance technique. La plus importante concerne les nouvelles images. Prenez l’habitude de réduire vos photos avant de les envoyer à votre prestataire ou de les publier vous-même. Il existe des applications gratuites et simples qui le font en quelques gestes. Une photo de chantier destinée au site n’a pas besoin de la résolution d’un tirage grand format. Si vous publiez régulièrement des réalisations, ce réflexe suffira à éviter que le site ne s’alourdisse au fil des mois.
Vous pouvez aussi faire le tri dans ce que vous avez demandé au fil du temps. Dressez la liste des éléments ajoutés à votre site : le module d’avis, la discussion en ligne, la carte, la vidéo, le diaporama. Pour chacun, demandez-vous s’il vous a apporté un seul client. Ce qui ne sert pas peut être retiré, et vous pouvez le demander clairement.
Le reste revient au prestataire, et vous pouvez le lui demander de façon précise. Voici les quatre demandes qui couvrent l’essentiel des cas :
- compresser et redimensionner les images déjà en ligne, en particulier celles de la page d’accueil ;
- remplacer le diaporama d’accueil par une seule image légère ;
- désactiver les extensions et les modules qui ne servent plus ;
- vérifier qu’un cache est en place et fonctionne.
Formulées ainsi, ces demandes sont difficiles à esquiver. Elles ne demandent pas de refaire le site, seulement de l’entretenir. Si votre prestataire vous répond qu’il faut une refonte complète pour régler la lenteur, demandez-lui pourquoi ces quatre gestes ne suffiraient pas. Il peut y avoir de bonnes raisons, sur un site très ancien ou construit avec un outil dépassé. Mais la refonte ne doit pas être la première réponse à un problème d’images trop lourdes.
Si vous êtes en abonnement mensuel, ces opérations relèvent normalement de l’entretien compris dans le prix. Relisez votre contrat. Un site dont vous payez la maintenance chaque mois n’a pas de raison de rester lent pendant des années.
Vérifier après correction
Une fois les corrections annoncées, refaites exactement le même test qu’au début. Même téléphone, navigation privée, réseau mobile, mêmes pages. C’est pour cela qu’il était utile de noter vos observations : vous comparez deux situations dans les mêmes conditions, et non une impression avec une autre.
Si vous avez utilisé un outil de mesure en ligne, repassez la même page dans le même outil. Ne vous arrêtez pas à la note globale, regardez la liste des éléments les plus lourds. Si l’image qui pesait le plus a disparu de la liste ou a fortement maigri, la correction a bien été faite. Si elle est toujours là, la demande n’a pas été traitée, quelle que soit la note.
Pensez aussi à vérifier que rien n’a été cassé. Une compression trop agressive peut rendre une photo floue ou pixellisée. Une extension désactivée peut emporter avec elle une fonction utile, comme le formulaire de contact. Après les corrections, envoyez-vous un message par le formulaire et vérifiez qu’il arrive bien. Regardez vos photos sur le téléphone et sur un ordinateur.
Enfin, gardez l’habitude de refaire ce test de temps en temps, par exemple à chaque fois que vous ajoutez des réalisations ou qu’un nouvel élément apparaît sur le site. La lenteur revient rarement d’un coup. Elle revient par petites touches, une photo trop lourde après l’autre. Un contrôle régulier de quelques minutes évite d’attendre qu’un client vous le fasse remarquer.
Pour aller plus loin sur la manière de construire un site qui reste simple et efficace, retrouvez nos conseils pour un site vitrine, ou revenez à l’accueil de Web Motion.
Questions fréquentes
Un site lent est-il moins bien classé dans les résultats de recherche ?
La vitesse fait partie des éléments que les moteurs de recherche prennent en compte, mais pour un site local elle pèse moins que la pertinence du contenu, la fiche d’établissement ou la présence du nom de votre ville. Le vrai coût d’un site lent est ailleurs : le visiteur qui repart avant d’avoir vu votre numéro. Même bien classé, un site qui ne s’affiche pas ne rapporte pas d’appel.
Mon site est rapide chez moi et lent chez un client, comment est-ce possible ?
Votre navigateur garde en mémoire les éléments de votre site, que vous visitez souvent. Il n’a presque rien à télécharger. Votre client découvre le site pour la première fois et doit tout charger, souvent depuis un téléphone et un réseau mobile moyen. Pour voir ce qu’il voit, testez en navigation privée, en coupant le wifi.
Faut-il changer d’hébergeur pour accélérer son site ?
Rarement en premier. Sur un site vitrine, les images trop lourdes et les ajouts accumulés sont presque toujours la cause principale. Changer d’hébergeur sans alléger le site coûte du temps et de l’argent pour un gain limité. Allégez d’abord, et n’envisagez un changement que si une page sans image reste lente à commencer à s’afficher.
Puis-je compresser mes photos moi-même sans abîmer leur qualité ?
Oui. Des applications gratuites permettent de réduire la taille d’une photo et de l’enregistrer dans un format plus léger. À l’écran d’un téléphone ou d’un ordinateur, la différence de qualité est invisible pour une photo destinée à un site. Gardez simplement l’original de côté, au cas où vous en auriez besoin pour un autre usage, comme une impression.