Optimiser la performance mobile : des pages rapides sur smartphone

La plupart des gens voient votre site pour la première fois sur le téléphone. Pendant la pause de midi, dans le tram, vite fait entre deux. Et c'est justement là que la patience est la plus courte : si ça ne charge pas rapidement, le pouce est déjà de retour sur le bouton retour. Une page peut être impeccable au bureau et paraître malgré tout poussive et hésitante sur le smartphone.

La performance mobile n'est donc pas un sujet spécialisé, mais le cas normal. Je vous explique ici pourquoi le téléphone fonctionne si différemment de l'ordinateur, et avec quelles étapes vous améliorez de façon ciblée le temps de chargement mobile, sans aucun jargon.

Pourquoi le téléphone est plus sévère que l'ordinateur

Sur ordinateur de bureau, votre visiteur est le plus souvent sur une connexion rapide, avec une machine performante et un grand écran. Sur le téléphone, presque tout est plus limité :

• Réseau fluctuant : en déplacement, la réception change sans cesse. Tantôt de la 5G pleine, tantôt un trou de couverture fatigué dans l'ascenseur.
• Moins de puissance de calcul : un smartphone moyen est nettement plus faible qu'un ordinateur portable. Un code lourd le met plus vite en sueur.
• Petit écran, pouce large : ce qui paraît aéré sur le grand moniteur doit être réorganisé sur le téléphone, et cela coûte à la page un travail supplémentaire.

En bref : une page testée uniquement sur ordinateur de bureau n'est jamais vraiment testée. Le téléphone est l'épreuve la plus dure.

Les images, le plus gros frein

La raison la plus fréquente d'une page mobile lente, ce sont des images trop lourdes. Une photo pensée pour un grand moniteur doit être péniblement recalculée à la baisse sur le téléphone, alors que seule une fraction en est visible. Cela gaspille du volume de données et du temps.

Ce qui aide vraiment :

• Bien dimensionner : diffuser les images à la taille à laquelle elles apparaissent réellement sur le téléphone, pas plus grandes.
• Compresser de façon moderne : des formats comme le WebP pèsent nettement moins que les vieux fichiers JPEG à qualité égale.
• Charger plus tard : ne charger les images plus bas que lorsque le visiteur y fait défiler. Ainsi, il y a quelque chose à voir plus vite en haut.

Moins de lest, plus de vitesse

Beaucoup de pages trimballent sur le téléphone du code dont on n'a pas du tout besoin là. Les kits de construction et les modèles lourds chargent souvent des montagnes de polices, de scripts et d'effets, chaque petite chose doit être téléchargée et traitée par le téléphone avant que quoi que ce soit apparaisse.

Ici, une base légère est payante. Moins il y a de code inutile qui voyage, plus la page est là vite. C'est précisément pour cela que je construis à la main : une page faite à la main ne porte pas de sac à dos de modèle, seulement ce dont elle a réellement besoin. On le ressent le plus nettement sur le téléphone.

Ce à quoi regarder en premier

Vous n'avez pas besoin d'être un pro de la technique pour évaluer la performance mobile de votre page. Quelques vérifications simples suffisent pour commencer :

• Tester soi-même : ouvrez votre page sur votre propre téléphone, de préférence sur le réseau mobile, pas en WiFi. Combien de temps faut-il avant de voir quelque chose d'utile ?
• Google PageSpeed Insights : cet outil gratuit vous donne une évaluation mobile et des indications concrètes sur ce qui freine.
• Faire attention aux déplacements : la mise en page saute-t-elle pendant le chargement, au point que vous touchiez la mauvaise chose par mégarde ? C'est un agacement mobile typique.

Si les premières secondes sur le téléphone sont poussives, c'est presque toujours le signe d'images trop lourdes ou de trop de code, les deux peuvent être améliorés.

Le mobile n'est plus un cas particulier

Le téléphone est depuis longtemps le cas normal. Pour la plupart des PME suisses, plus de la moitié des visiteurs viennent aujourd'hui du smartphone, en recherche locale souvent bien davantage. Une page qui ne convainc que sur ordinateur de bureau laisse donc la plus grande partie des personnes intéressées sous la pluie.

La bonne nouvelle : la performance mobile n'est pas de la magie. Des images légères, peu de lest et une base solide apportent déjà beaucoup. Le plus simple est que la page soit construite dès le départ avec le téléphone en tête, mais on peut presque toujours améliorer après coup.

Si vous voulez savoir où ça coince sur votre page, je regarde volontiers à l'intérieur et vous dis honnêtement ce qu'on peut en tirer. Contactez-moi simplement via le formulaire de contact, ou parcourez d'abord d'autres articles autour des sites web rapides et honnêtes.