J'avais mis en ligne des photos de mes créations prises avec mon appareil, sans rien toucher, parce qu'elles étaient belles sur son écran. C'est en lisant une fiche sur Le Cahier du Web que j'ai compris d'où venait le problème. Mon site mettait un temps fou à s'afficher, et j'accusais mon hébergeur.

Une photo sortie de l'appareil, c'est énorme. Elle contient bien plus de détails qu'un écran ne peut en montrer, et le visiteur télécharge tout ça pour voir une vignette. Moi, je les envoyais telles quelles, en me disant que la qualité, c'est important.

Maintenant, je redimensionne avant d'envoyer. Je regarde la largeur de mon contenu et je m'aligne dessus. Une image plus large que la zone où elle s'affiche ne sert à rien, à part faire chauffer la connexion du visiteur.

J'ai aussi changé de format. Je convertis en compressé, celui que les navigateurs lisent sans effort, et j'accepte une petite perte de netteté que personne ne voit. Sur les photos de mes produits, la différence est invisible. Sur le temps de chargement, ça se voit tout de suite.

Le texte alternatif, je le faisais mal. J'écrivais « photo produit » ou « image » pour toutes, ce qui ne dit rien à personne. Depuis, je décris ce qu'on voit : un bol en grès gris posé sur une table en bois, par exemple. Ça sert aux gens qui ne voient pas les images, et ça m'oblige à me demander si la photo raconte quelque chose.

Dernier réflexe, celui que j'ai mis le plus de temps à prendre : je regarde le site sur mon téléphone, dehors, avec un réseau moyen. Là, je vois ce que voit un client pressé, et je repère ce qui coince.