Mon site est lent sur téléphone : par quoi commencer
Chez toi le site s’ouvre instantanément. Un ami le teste et met quatre secondes à voir quelque chose. Tu recharges sur ton propre téléphone : rapide. Tu ne comprends pas d’où vient l’écart, et tu ne sais même pas si le problème est réel ou dans sa tête.
Il est rapide chez toi parce que ton navigateur a déjà tout en mémoire. Chez un visiteur qui arrive pour la première fois, sur son forfait mobile, rien n’est en cache. Neuf fois sur dix la cause est la même : des images trop lourdes, envoyées à leur taille d’origine.
Pourquoi tu ne vois pas le problème
Ton navigateur garde en mémoire tout ce qu’il a déjà téléchargé sur ton site : les images, les polices, les styles. À ta deuxième visite, il n’y a presque plus rien à charger.
Tu ne verras donc jamais ce que voit quelqu’un qui arrive pour la première fois — sur un téléphone, avec un forfait mobile, dans un train. C’est pourtant la seule visite qui compte, parce que c’est celle où l’on décide de rester ou de partir.
Pour t’en approcher : ouvre ton site en navigation privée, sur ton téléphone, en coupant le wifi. L’écart est souvent brutal.
La cause, neuf fois sur dix
Les images.
Une photo prise au téléphone pèse plusieurs mégaoctets et fait des milliers de pixels de large. Affichée dans un espace de 400 pixels sur un écran de téléphone, elle est réduite à l’affichage — mais téléchargée en entier. Le visiteur paie le fichier complet pour voir une vignette.
Trois images de ce type suffisent à transformer une page instantanée en page qui met quatre secondes. Et rien ne le signale : sur ton écran, tout paraît normal.
C’est aussi ce qui retarde le plus souvent l’élément principal de la page — celui que le visiteur attend pour comprendre où il est tombé.
Ce qu’il faut demander, précisément
« Rends mon site plus rapide » ne donne rien d’exploitable. Ces trois demandes, si :
Compresse toutes les images du site et redimensionne-les à la taille où elles sont réellement affichées. Dis-moi le poids avant et après, image par image.
Ajoute le chargement différé aux images qui ne sont pas visibles à l’arrivée sur la page.
Vérifie qu’aucune police ne bloque l’affichage du texte pendant son téléchargement.
La première règle l’essentiel. La deuxième évite de télécharger ce que personne ne regardera. La troisième supprime l’effet le plus désagréable : une page vide pendant une seconde alors que le texte, lui, était prêt.
Demande les chiffres avant et après. Sans eux, tu n’as aucun moyen de savoir si quelque chose a changé.
Mesurer, plutôt que ressentir
Le ressenti ne suffit pas ici, parce qu’il dépend de ton appareil, de ta connexion et de ce que ton navigateur a déjà en mémoire.
Deux repères simples : compte le temps entre l’appui sur le lien et le moment où tu peux lire quelque chose d’utile. Au-delà de trois secondes sur un téléphone, tu perds des visiteurs. Et regarde le poids total de la page — quelques centaines de kilooctets sont confortables, plusieurs mégaoctets ne le sont pas.
Les outils de mesure gratuits donnent ces chiffres, et surtout ils te disent quel élément précis ralentit le tout. C’est plus utile qu’une note globale, qui ne dit pas quoi corriger.
Ce que ça change vraiment
Un site lent ne perd pas seulement en référencement. Il perd des gens qui n’ont jamais vu la page, qui ne t’écriront pas et dont tu n’entendras jamais parler — exactement comme un formulaire cassé.
La différence, c’est que le problème se règle en une soirée et qu’il ne revient pas, à condition d’ajouter une règle à tes consignes : chaque image entrant dans le projet est compressée avant, pas après.
> mets le site en ligne