Site lent sur mobile : ce qui ralentit vraiment une page

Si votre site met du temps à s'afficher sur un téléphone, le conseil que vous allez recevoir sera « allégez vos images ». J'ai mesuré 103 sites d'entreprises du Centre-Val de Loire pour vérifier, et ce conseil ne tient pas : entre le poids d'une page et sa lenteur, il n'y a aucun lien. Ce qui se voit dans les chiffres, c'est le diaporama de la page d'accueil.

La réponse, avant tout le reste

Sur les 103 sites, 68 ont un diaporama en page d'accueil — ces images qui défilent toutes seules en haut de page — et 35 n'en ont pas. C'est le seul signal qui sépare nettement les rapides des lents. Les premiers affichent leur contenu en 0,63 seconde, en valeur médiane. Les seconds en 0,31 seconde. Deux fois moins. Si votre page d'accueil en contient un, c'est là qu'il faut chercher avant tout le reste.

Et un chiffre encore plus net : dix sites du corpus mettent plus de trois secondes à afficher quoi que ce soit. Les dix ont un diaporama. Aucun des trente-cinq sites qui n'en ont pas ne dépasse trois secondes.

Ce que la mesure contredit

Deux conseils circulent partout. Les chiffres n'en soutiennent aucun.

Le poids de la page. J'ai calculé la corrélation entre le poids transféré et le délai d'affichage sur les 103 sites : elle vaut −0,011. Autrement dit, rien. Un site lourd n'a pas plus de chances d'être lent qu'un site léger.

Le détail est encore plus parlant. En classant les sites par poids et en les coupant en quatre groupes, les délais médians donnent 0,54 s, 0,43 s, 0,29 s puis 0,53 s. Aucune progression. Et les dix sites les plus lents pèsent 1 695 ko en médiane, soit moins que l'ensemble du corpus, qui est à 2 174 ko.

Les images trop grandes. Soixante-six sites en ont au moins une, chargée à une taille supérieure à celle où elle s'affiche. Leur délai médian : 0,46 seconde. Les trente-sept autres : 0,44 seconde. L'écart n'existe pas.

Je précise, parce que la nuance compte : redimensionner ses images reste une bonne idée, pour vos visiteurs en données mobiles et pour votre hébergement. Simplement, ce n'est pas ce qui décide du moment où votre page s'affiche.

Pourquoi le diaporama, et pas le reste

Un diaporama n'est pas une image, c'est un mécanisme. Il charge plusieurs images d'un coup, il attend le code qui les fait défiler, et surtout il occupe la place du texte. Tant que la première image n'est pas prête, l'écran reste vide.

Le poids, lui, se répartit dans le temps. Ce qui arrive après le texte ne retarde pas le texte : c'est l'ordre qui compte, pas le volume. C'est exactement ce que montrent les quartiles plus haut, où le groupe le plus lourd s'affiche aussi vite que le plus léger. Et un diaporama, par construction, se place avant.

Ce qu'il faut faire, dans l'ordre

Commencez par le diaporama. Sur la plupart des sites d'artisans, il vient du thème installé au départ et personne ne l'a jamais remis en question.

Il se loge à trois endroits selon les sites, et ils ne se retirent pas de la même façon. Dans les réglages du thème, souvent sous un intitulé « slider », « carrousel » ou « en-tête », avec une case à décocher. Dans une extension dédiée, qu'il faut alors désactiver — le bloc disparaît de la page d'accueil. Ou dans le contenu de la page elle-même, sous forme de bloc à supprimer et à remplacer par une image.

Si aucune des trois ne correspond, c'est la question à poser à qui a fait le site : « où est configuré le diaporama de l'accueil ? ». Elle se répond en deux minutes quand on connaît le site.

Faites ensuite le test vous-même, parce qu'il ne coûte rien. Coupez le wifi de votre téléphone, passez en données mobiles, ouvrez une fenêtre de navigation privée et tapez votre adresse. Vous verrez ce que voit quelqu'un qui vous découvre.

Profitez-en pour vérifier votre numéro de téléphone. Sur les 103 sites mesurés, 56 n'ont pas de numéro cliquable : il faut le recopier à la main pour appeler. C'est le défaut le plus fréquent du corpus. Je ne sais pas combien d'appels il coûte — je n'ai pas mesuré ça — mais il se corrige en une ligne.

Ce que ça coûte, et le temps que ça prend

Retirer un diaporama est une manipulation, pas un chantier : on décoche, on supprime ou on désactive, selon l'endroit où il se trouve. Je ne vous donnerai pas de durée, parce que je ne l'ai pas mesurée — ce serait le seul chiffre de cet article à ne reposer sur rien. Ce que je peux dire, c'est que rien n'est cassé de façon irréversible : le diaporama se remet.

Ce n'est pas le cas de tout. Si votre lenteur vient de l'hébergement — un serveur qui met deux secondes à répondre avant même d'envoyer quoi que ce soit — aucun réglage de page n'y changera rien. Là, il faut changer d'hébergeur, et c'est une autre décision.

Ce que cette mesure ne dit pas

Chaque site a été mesuré une fois, dans les mêmes conditions : navigateur réel, connexion mobile simulée, cache vide, sur la même période. C'est une photographie, pas un suivi. Un serveur qui a mal répondu ce jour-là est pénalisé, et je n'ai pas de moyen de le savoir.

Le lien que je décris entre diaporama et lenteur est une constatation, pas une démonstration de cause. Il est possible que les sites à diaporama partagent autre chose — un même type de thème, un même hébergeur, une même époque de création. Ce que je peux affirmer, c'est que la corrélation est nette là où celle du poids est nulle.

Enfin, 103 sites de neuf villes ne sont pas tous les sites du Centre-Val de Loire. Ce sont ceux que j'ai trouvés et mesurés.

Savoir où se situe le vôtre

Envoyez-moi votre adresse. Je mesure votre site dans les mêmes conditions que les 103 autres, et je vous dis où il tombe dans le classement, ce qui le ralentit, et si ça vaut la peine d'y toucher. Les autres relevés paraissent au fil des semaines sur le blog, et les questions de méthode sont traitées dans la FAQ.