Faire un site qui reste rapide sur une connexion mobile …

La majorité des visiteurs d'un site béninois arrivent depuis un téléphone, sur un réseau variable, avec un forfait data compté. Cette réalité devrait dicter les arbitrages techniques. Elle est pourtant rarement prise en compte, parce que les développeurs testent sur leur propre connexion.

Les images sont presque toujours le coupable

Sur les sites que j'audite, les images représentent souvent plus de 80 % du poids de la page. Trois gestes règlent l'essentiel : redimensionner aux dimensions réellement affichées, servir en WebP avec un repli JPEG, et charger en différé tout ce qui se trouve sous la ligne de flottaison. Une page de 4 Mo tombe couramment sous 600 Ko sans perte visible.

Héberger les polices localement

Chaque appel à un domaine externe ajoute une résolution DNS et une négociation TLS — quelques centaines de millisecondes en fibre, plusieurs secondes en 3G instable. Les polices, les icônes et les bibliothèques doivent être servies depuis votre propre domaine. C'est aussi ce que j'ai fait sur ce portfolio : les logos de technologies sont embarqués, aucun CDN n'est appelé.

Se méfier des bibliothèques JavaScript accumulées

Un thème acheté embarque souvent dix bibliothèques dont trois sont utilisées. Chacune coûte du téléchargement, du parsing et de l'exécution sur un processeur de téléphone d'entrée de gamme. Supprimer celles qui ne servent pas est le gain le plus rapide à obtenir.

Rendre le contenu lisible avant la fin du chargement

Un texte qui s'affiche pendant que les images finissent d'arriver donne l'impression d'un site rapide. Un écran blanc pendant quatre secondes, même suivi d'un affichage instantané, donne l'impression d'un site cassé. C'est de la perception, et la perception détermine si le visiteur reste.

Tester dans les conditions réelles

Les outils de développement des navigateurs permettent de simuler une connexion lente et un processeur bridé. Faites-le systématiquement avant de livrer. C'est cinq minutes de vérification qui révèlent ce que votre client vivra tous les jours.