Une seconde de chargement en plus fait partir une partie des visiteurs. Voici comment savoir où vous en êtes, en trois minutes et sans outil payant.
Pourquoi la vitesse compte, concrètement
Un visiteur qui cherche un plombier un dimanche soir n'attend pas. S'il voit une page blanche pendant quatre secondes, il revient en arrière et clique sur le résultat suivant. Vous ne saurez jamais qu'il est passé.
Ce comportement est massif sur mobile, et le mobile représente la majorité des recherches locales. C'est aussi là que les connexions sont les plus mauvaises, dans une voiture, dans un couloir, en zone mal couverte.
Google en tient compte directement : la vitesse fait partie des signaux de classement, à travers ce qu'il appelle les signaux web essentiels. À contenu équivalent, le site rapide passe devant.
Comment mesurer, gratuitement, en trois minutes
Le premier réflexe est le bon outil : PageSpeed Insights, fourni par Google. Vous entrez votre adresse, vous obtenez une note sur 100 pour mobile et pour ordinateur.
Regardez d'abord la note mobile, c'est la seule qui compte vraiment. En dessous de 50, il y a un problème sérieux. Entre 50 et 80, c'est perfectible. Au-dessus de 90, vous êtes bien.
Ne vous arrêtez pas au chiffre. Descendez dans le rapport : il liste les causes précises, en général « éliminer les ressources qui bloquent le rendu », « dimensionner les images correctement » ou « réduire le code inutilisé ». Ces phrases sont exactement ce qu'il faut transmettre à votre développeur.
Les quatre causes qui expliquent presque tout
En pratique, la grande majorité des sites lents le sont pour les mêmes raisons.
- Des images trop lourdes. C'est de loin la première cause. Une photo sortie d'un appareil pèse plusieurs mégaoctets et s'affiche dans un cadre de 400 pixels. Elle devrait peser cinquante fois moins.
- Trop de code chargé pour rien. Les thèmes et les extensions chargent leurs bibliothèques sur toutes les pages, y compris celles qui ne s'en servent pas.
- Des ressources tierces. Polices distantes, cartes, boutons de réseaux sociaux, outils de statistiques : chacun ajoute une connexion vers un autre serveur, et vous dépendez de sa vitesse.
- Un hébergement mutualisé saturé. Moins fréquent qu'on ne le dit, mais réel sur les offres à deux euros par mois où des centaines de sites partagent la même machine.
Ce que vous pouvez corriger vous-même
Les images, presque toujours. C'est le gain le plus important et le plus accessible. Redimensionnez vos photos avant de les envoyer, et convertissez-les au format WebP, plus léger à qualité égale. Des outils gratuits en ligne le font en quelques clics.
Une photo de 4 000 pixels de large affichée dans un bloc de 800 pixels ne sert à rien : vous faites télécharger cinq fois trop de données à vos visiteurs pour un résultat identique à l'écran.
Le second geste utile est de supprimer ce qui ne sert pas. Une extension installée pour tester il y a deux ans continue de charger son code sur toutes vos pages.
Un exemple chiffré, sur notre propre site
Nous avons refait l'exercice ici même, ce qui donne des ordres de grandeur concrets.
L'image d'arrière-plan faisait 4 000 pixels de large et 489 kilooctets, alors qu'elle ne s'affiche jamais au-delà de 1 920. Redimensionnée, elle est tombée à 147 kilooctets sans différence visible.
Les icônes venaient d'une police complète chargée depuis un serveur tiers : 308 kilooctets pour utiliser 97 icônes sur les 3 058 disponibles. Un sous-ensemble limité aux icônes réellement employées pèse 13 kilooctets, soit 96 % de moins.
Enfin, six captures d'écran se téléchargeaient dès l'ouverture pour une section située très bas dans la page. Elles ne se chargent maintenant qu'à l'approche de cette section. Au total, la page d'accueil est passée d'environ 1,35 mégaoctet à 250 kilooctets.
Quand la lenteur vient d'ailleurs
Il arrive que le problème ne soit pas le poids mais l'ordre des choses. Une page peut être légère et rester blanche trois secondes parce que le navigateur attend une feuille de style ou un script avant d'afficher quoi que ce soit.
Ce type de diagnostic dépasse ce qu'on corrige soi-même. Mais le rapport PageSpeed le signale explicitement, et transmettre le rapport à un développeur suffit à cadrer l'intervention.
Une remarque pour finir : ne courez pas après le score de 100. Passer de 45 à 85 change la vie de vos visiteurs, passer de 92 à 98 ne se voit pas. Arrêtez-vous quand le rapport coût/bénéfice s'inverse.
Questions fréquentes
Quel score PageSpeed viser ?
Au-dessus de 90 sur mobile est un bon objectif, atteignable sur un site vitrine bien construit. Entre 70 et 90, la situation reste correcte. En dessous de 50, vous perdez des visiteurs tous les jours.
Un site rapide améliore-t-il vraiment le classement Google ?
Oui, mais c'est un critère parmi beaucoup d'autres. La vitesse départage deux pages de qualité comparable, elle ne fait pas remonter un contenu faible. Elle agit surtout sur le taux d'abandon, ce qui compte au moins autant.
Faut-il changer d'hébergeur pour aller plus vite ?
Rarement. Dans la plupart des cas, le problème vient du site lui-même, pas du serveur. Corrigez d'abord les images et le code inutile, mesurez à nouveau, et n'envisagez le changement d'hébergeur qu'ensuite.