Un site lent agace avant même d’avoir été lu. Sur un téléphone, avec une connexion moyenne dans un train ou sur un chantier, quelques secondes d’écran blanc suffisent à faire partir un prospect vers le concurrent suivant dans les résultats Google.
La vitesse joue aussi sur le référencement : Google mesure l’expérience réelle des visiteurs et en tient compte. Ce n’est pas le critère principal, mais à contenu égal, la page rapide part avec un avantage.
La bonne nouvelle, c’est que la plupart des sites de petites entreprises souffrent des mêmes trois ou quatre problèmes. J’ai récemment fait passer le score mobile d’un site WordPress de la zone orange à la zone verte, essentiellement en corrigeant les images et les extensions. Voici la méthode, dans l’ordre.
Mesurer avant de toucher à quoi que ce soit
Ouvrez PageSpeed Insights, l’outil gratuit de Google, et collez l’adresse de votre page d’accueil. Lancez l’analyse, puis recommencez avec la page qui présente votre prestation phare et avec la page contact. Chaque page a son propre résultat.
Regardez d’abord l’onglet « Mobile », plus exigeant et plus représentatif de vos visiteurs. Le rapport affiche deux types d’informations :
- les données réelles, si votre site a assez de trafic : ce que vivent vraiment les visiteurs sur plusieurs semaines ;
- le diagnostic de laboratoire : un test ponctuel, avec un score sur 100 et une liste de recommandations.
Trois indicateurs méritent votre attention. Le LCP mesure le temps d’affichage du plus gros élément visible, souvent l’image du haut de page. Le CLS mesure les décalages de mise en page, quand un bouton bouge au moment où l’on veut cliquer. L’INP mesure la réactivité aux clics et aux saisies.
Reportez chaque score dans un petit relevé daté. Le score varie d’un test à l’autre : lancez-le deux ou trois fois et gardez la tendance, pas un chiffre isolé.
Les images, premier chantier presque toujours
Quand je reprends un site existant, la cause numéro un de lenteur est une photo envoyée telle qu’elle sort de l’appareil : plusieurs milliers de pixels de large et plusieurs mégaoctets, affichée dans un cadre de la taille d’une carte postale.
Avant d’envoyer une image sur votre site :
- redimensionnez-la à la taille utile, autour de 1 500 à 1 600 pixels pour une grande photo de bannière, moins pour une vignette ;
- compressez-la, en JPEG de bonne qualité ou au format WebP, plus léger ;
- donnez-lui un nom descriptif et un texte alternatif ;
- activez le chargement différé pour les images situées plus bas dans la page, afin qu’elles ne se chargent qu’au moment où le visiteur s’en approche.
Une exception à connaître : l’image principale du haut de page ne doit pas être en chargement différé. C’est elle que le visiteur voit en premier, elle doit arriver tout de suite. Ce réglage, mal fait, est une erreur que je corrige souvent sur le LCP.
Même logique pour les vidéos : une vidéo en fond de page pèse lourd. Gardez-la courte, compressée, et prévoyez une image de remplacement qui s’affiche pendant le chargement.
L’hébergement : la fondation qu’on oublie
Un hébergement d’entrée de gamme partagé avec des centaines d’autres sites peut répondre lentement, surtout aux heures chargées. Dans PageSpeed, cela se voit par un temps de réponse initial du serveur élevé.
Questions à poser à votre hébergeur ou à votre prestataire :
- le serveur est-il situé en Europe, près de vos visiteurs ?
- une version récente de PHP est-elle utilisée, pour un site WordPress ?
- un cache côté serveur est-il proposé ?
- la compression des fichiers et le protocole HTTP/2 ou HTTP/3 sont-ils activés ?
Pour Shopify, Webflow ou Wix, l’hébergement est géré par la plateforme : vos leviers sont alors surtout les images, les applications et les scripts ajoutés.
Extensions, applications et scripts : faire le ménage
Chaque extension WordPress, chaque application Shopify, chaque code ajouté (chat en ligne, avis clients, pixel publicitaire, police externe) ajoute des fichiers à charger. Pris un par un, ils semblent légers. Ensemble, ils ralentissent toutes les pages.
Faites la liste de tout ce qui est installé, et pour chaque élément posez la question : est-ce que je m’en sers, et est-ce que ça m’apporte des clients ? Prenons une agence immobilière près de Vienne dont le site chargeait trois outils de discussion différents, testés au fil des années et jamais retirés. Les supprimer a suffi à gagner nettement en rapidité.
Sur WordPress, une extension de cache bien réglée aide beaucoup, à condition de tester chaque option. Certaines options de combinaison ou de minification des fichiers cassent l’affichage de certains thèmes : après chaque réglage, contrôlez votre site sur ordinateur et sur téléphone.
Les fausses bonnes idées sur la vitesse
- Viser 100 à tout prix. Un score de 100 est rarement nécessaire. L’objectif est une page qui s’affiche vite pour un vrai visiteur.
- Ajouter une extension d’optimisation de plus. Deux extensions de cache en même temps se gênent et peuvent casser le site.
- Tester uniquement sur ordinateur. Votre fibre au bureau ne ressemble pas à la connexion de votre client.
- Mettre un écran d’accueil animé lourd. Une animation d’ouverture peut retarder l’affichage du contenu principal si elle est mal conçue.
Exercice : un plan de vitesse sur trois pages
Bloquez une heure dans votre agenda, puis :
- testez dans PageSpeed votre accueil, votre service principal et votre page contact, en mobile ;
- notez pour chacune le score et le LCP dans un tableau daté ;
- repérez dans les recommandations celles qui concernent les images, et listez les fichiers concernés ;
- faites la liste complète de vos extensions ou applications, et cochez celles que vous n’utilisez plus ;
- corrigez les images de la page d’accueil en premier, puis relancez le test ;
- envoyez à votre prestataire la liste des points restants, avec les captures du rapport.
Refaites le test un mois plus tard, sur les mêmes pages, pour vérifier que rien n’a régressé avec les nouveaux contenus.
Les priorités pour un site qui s’affiche vite
Mesurez sur mobile, page par page. Allégez les images en premier, en gardant l’image du haut de page prioritaire. Vérifiez votre hébergement, puis retirez tout ce qui ne sert plus. Avancez par petites corrections testées une à une : c’est moins spectaculaire qu’une refonte, et beaucoup plus sûr.