Découvrir que son site internet est lent n’est hélas pas rare. Qu’on s’en rende compte en parcourant son site web ou parce que des visiteurs s’en plaignent, c’est malheureusement peu réjouissant. C’est à ce titre que beaucoup prennent cela au sérieux et décident de rechercher l’origine des lenteurs des pages du site internet. L’idée comme l’objectif étant de trouver quel est le coupable de ces lenteurs. Pour ensuite résoudre ces problèmes de pages lentes sur le site internet concerné.
Alors comment découvrir certains coupables ? Quels peuvent être ces coupables ? Et comment se séparer des éléments incriminés ?
Sommaire
- Les coupables fréquents de lenteurs de site internet
- Tester votre site internet via des outils dédiés
- Pondérer les résultats des tests de performances de site internet
- Pourquoi se préoccuper et s’occuper de réduire les lenteurs de pages web ?
- Comment rendre un site moins lent ?
- Opter pour un cache ?
- Agir par étape pour rendre son site plus rapide
Les coupables fréquents de lenteurs de site internet
Les éléments souvent coupables d’être la cause de lenteurs de pages de sites web seuls ou cumulés sont fréquemment les suivants :
- Des images lourdes
- Des images avec un format non adapté (avec du PNG quand du JPG suffirait)
- Beaucoup de CSS dont une majeure partie inutilisée
- Beaucoup de JS parfois appelé en grand nombre et très tôt au chargement de la page
- Un hébergement web non adapté et/ou low cost (à la qualité relative)
- Une base de données encrassée
- L’absence de technologie de cache
- Un cache mal configuré
- Des options inutiles ou mal configurées chez l’hébergeur
- Trop d’appels de requêtes vers et depuis le site web (impact du code tiers)
- Trop d’éléments affichés sur une seule page
- Une ou plusieurs boucles de redirections
- Une ou plusieurs polices qui ne sont pas hébergées localement
- L’affichage d’une ou plusieurs publicités en display
Maintenant que vous savez que de nombreux coupables existent, vous souhaitez sans doute savoir comment découvrir si votre site web et ses pages souffrent de lenteurs à cause de ces éléments cités plus haut.
Voici comment faire dans un premier temps :
Tester votre site internet via des outils dédiés
Divers outils gratuits et populaires permettent de mesurer les performances d’adresses de blogs et sites internet. Citons les plus connus comme :
- GT Metrix
- PageSpeed Insights
Dans les deux cas, il vous suffira de mettre l’adresse générique de votre site web ou de tester l’url de certaines pages qui pourraient être vraiment beaucoup plus lentes que d’autres.Les résultats sont ainsi là pour vous guider dans ce qui peut ralentir toutes vos pages web ou certaines de vos pages web.
Testez d’abord les pages pour lesquelles vous avez des doutes sur les performances et potentielles lenteurs. Testez évidemment votre page d’accueil.
Ensuite, n’hésitez pas à parcourir les résultats obtenus pour découvrir ce qu’il en est des performances de certaines de vos pages.
Pondérer les résultats des tests de performances de site internet
Les notes ne servent pas à sanctionner ou à « mal vous noter ». Au contraire. Ces notes sont simplement un moyen de vous permettre de situer ce qui est à modifier (pour ne pas dire corriger) en priorité.
Sachant qu’un site web léger et fluide disposera de bonnes notes 🙂 Sans pour autant être parfait au demeurant. Même des bonnes notes via des chiffres (comme chez PageSpeed) ou une lettre comme avec GT Metrix reçoivent des recommandations. Même si une seule image sur une page est plus lourde de 20 malheureux Kilos octets que ce que l’outil considère comme optimisé.
Il faut donc toujours pondérer et tenter de prendre à froid, avec du recul, les notations qui vous sont restituées. Ces outils sont très utiles, mais il restent des outils. Il vaut mieux les considérer comme des supports que comme des éléments créés pour vous stresser et vous faire peur sur l’état de certaines pages de votre site.
Notez d’ailleurs que ces outils donnent des notations par page et pas sur l’ensemble d’un site internet.
Exemple : Une page sur un site peut être très lourde car il s’agit d’un reportage photo qui contient beaucoup d’images HD assez lourdes. Tandis qu’une page contact sera souvent très légère car elle n’aura que du texte (adresse postale, mail et numéro de téléphone et/ou formulaire…).
Pourquoi se préoccuper et s’occuper de réduire les lenteurs de pages web ?
La question peut sembler bête. Pourtant, tomber sur des sites web lents est fréquent. Malheureusement. Même des gros sites e-commerce sont parfois longs en temps de chargement. Là, se situe donc majoritairement la réponse. Si vous testez et découvrez par vous-même sans qu’un visiteur vous l’indique, que votre site web est lent, ça vous chagrinera certainement. Si justement vous l’apprenez par un(e) internaute, par commentaire ou autre feedback, idem. Ce sera non pas une remontée positive mais plutôt négative.
Les lenteurs, ce n’est bon pour personne. Ni vous ni vos internautes et visiteurs. Encore moins aux yeux d’outils majeurs comme la Search Console. Qui mesure via les web core vitals (signaux vitaux web) les performances de groupes de pages de site web.
Des lenteurs trop fréquentes et vraiment marquées, ce sont probablement de visiteurs qui ne reviendront pas. Ou peu souvent. Ce seront des paniers qui ne se rempliront pas ou qui se rempliront peu mais qui ne seront peut-être pas validés jusqu’au bout si vous faîtes de la vente. En gros, c’est de la conversion en moins et potentiellement du chiffre d’affaires en moins.
Alors s’occuper des lenteurs de son site web ou se son blog, oui c’est souvent une préoccupation majeure et si ce n’est pas le cas, ça devrait idéalement le devenir.
Comment rendre un site moins lent ?
Il ne suffirait pas d’un seul article ici pour indiquer comment rendre un site moins lent. Mais voici des pistes fréquentes :
- Ne cumulez pas trop de plugins et autres extensions ou outils sur votre site web
- N’affichez pas trop de publicités sur une seule page (une limite à trois est déjà haute)
- Ne mettez pas des images trop grandes sur vos pages. Exit les 3000×4000 pixels des photos HD. Restez sur du 1200 px maximum en largeur. Tentez d’être sous la barre des 100ko par photo. Moins encore si vous avez plusieurs images ou photos sur une seule page
- Optez pour le webp comme format pour vos images
- Préférez le JPG au PNG si votre image ne comporte pas de besoin de transparence et/ou de texte
- Utilisez du SVG pour vos jeux d’icônes ou même votre logo
- Changez de template ou thème si celui que vous utilisez est vieux, mal maintenu et n’a pas de MAJ depuis plusieurs années
- Mettez du lazy load sur vos images (et pas sur celles au dessus de la ligne de flottaison, notamment si elles sont légères)
- Tentez dans la mesure du possible d’héberger vos polices/fonts de caractères sur votre site web
- Ne cumulez pas plusieurs outils de cache
- Ne mettez pas du lazy load avec plusieurs outils différents. Avec le thème + le cache + un plugin…
- Si vous utilisez un constructeur de pages comme Elementor ou Divi, intéressez-vous de près à la configuration native des aspects « performances ».
Ce ne sont là que quelques exemples d’actions fréquentes à prendre et à effectuer. Certaines peuvent permettre de rapidement constater des améliorations. Notamment le traitement de vos images et photos.
Enfin, testez les pages qui vous semblent lentes et agissez avec les résultats des tests sous la main. Les outils et leurs notations permettent de voir ce qui peut ralentir vos pages et surtout, ce qui est le plus lourd à ce jour et donc ce qui est à corriger en priorité pour constater rapidement des résultats beaucoup plus sympathiques !
Opter pour un cache ?
Un système ou plugin de cache va permettre à cet outil de proposer des versions pré-enregistrées de vos pages aux internautes. Notamment ceux qui reviennent plusieurs fois. Ainsi, ces pages comme ce qu’elles comportent (images etc…) doivent logiquement s’afficher plus vite.
Mais un système ou plugin de cache ne résoudra pas tout si votre site web montre de vraies grosses lenteurs en continu. Des outils comme WP Rocket montrent souvent des résultats très notables dès activation. Cependant, il ne pourra pas mettre en arrêt certains coupables de lenteurs.
Exemple : Une page avec 20 photos de 9 MO restera une page bien trop lourde à charger. Il faudra remplacer chaque photo trop lourde par une version allégée (taille/poids et dimensions) pour que le travail et le paiement d’un outil premium de cache comme WP Rocket serve bien et jusqu’au bout.
D’ailleurs, même avec un super plugin de cache, payant ou non, les outils comme PageSpeed Insights et GT metrix repèreront les images lourdes et vous l’indiqueront. Alors autant agir simplement sur ce qui peut être manuellement facile à corriger 🙂
Et non, ce n’est pas de la joie ni de l’amour que par exemple remplacer des photos ou en réduire leur poids. Mais vos visiteurs eux, apprécieront ! Votre webmaster aussi 😉 !
Agir par étape pour rendre son site plus rapide
J’ai rédigé en avril 2024 un article qui décrit comment rendre son site web plus rapide en 4 points. N’hésitez pas à le parcourir si votre souhait est de rendre le temps de chargement des pages de votre site plus rapide. Le temps de chargement est crucial dans l’expérience utilisateur mais aussi pour un bon référencement naturel. Aussi, même si ce n’est pas aisé d’appréhender chacun des aspects qui peuvent jouer un rôle dans des potentiels ralentissements, prendre le tout par étapes et par points peut permettre de mieux gérer tout cela.
Pour ma part, j’aurais aussi en dernier conseil tendance à conseiller de résoudre ce qui ralentit le plus une page ou un site web. S’il est clair et net que des images et photos sont vraiment trop lourdes, alors il faut « attaquer » ceci en premier.
Ensuite prendre le second point qui ralentit encore beaucoup vos pages. Est-ce un appel de trop de services tiers externes ? Est-ce un surplus de CSS non utilisé ? Trop de JS appelé en même temps ?
