Mobile : la fluidité prime sur la qualité

Plus de 60 % du trafic web mondial provient désormais du mobile, comme le confirme StatCounter depuis des années déjà — et ce chiffre continue de grimper, pas de baisser. Cela change une question qu'on a longtemps tenue pour acquise : « quelle image est la meilleure, celle de plus haute qualité ? » n'a plus de réponse aussi simple, car sur mobile, la variable qui détermine vraiment si quelqu'un reste sur votre site ou le quitte n'est pas la netteté de la photo — c'est la rapidité avec laquelle la page répond, ou son temps de réflexion.

Moins de bande passante, moins de patience, les deux à la fois

Sur mobile se cumulent deux facteurs qui coïncident rarement sur ordinateur de bureau : une connexion moyenne moins bonne (données mobiles, couverture irrégulière, réseaux partagés) et une tolérance d'attente plus faible. Une étude désormais classique de Google (2016) a constaté que la probabilité qu'une personne abandonne une page mobile augmente de 32 % lorsque le temps de chargement passe de 1 à 3 secondes — et continue d'augmenter fortement au-delà. Ce n'est pas que les personnes sur mobile soient intrinsèquement plus impatientes ; c'est que le mobile est, par nature, l'appareil du « je le veux maintenant, au milieu d'autre chose » — en marchant, dans le métro, entre deux tâches. La patience disponible est littéralement moindre.

Pourquoi la fluidité a pris le dessus

Google a formalisé cela en 2021 avec les Core Web Vitals, qui mesurent explicitement la fluidité et la réactivité — le LCP (temps d'affichage du contenu principal), l'INP (temps de réaction de la page lorsqu'on touche quelque chose) — comme facteurs directs de positionnement. Avant cela, de nombreux sites se disputaient presque uniquement sur la beauté ou la netteté de chaque image. Depuis, la vraie compétition a changé de nature : qui charge le plus vite et qui ne bloque pas au défilement, car c'est ce que Google mesure et ce qui détermine réellement si quelqu'un reste.

Ce que cela signifie concrètement pour vos images

• Priorisez le poids sur la résolution maximale. Comme nous l'avons vu dans l'article sur ce que l'œil humain peut distinguer, sur le petit écran d'un mobile, la résolution la plus élevée possible n'est presque jamais nécessaire — vous avez donc là une marge pour compresser davantage sans que cela se remarque, tout en gagnant une vitesse de chargement réelle.
• Utilisez loading="lazy" pour les images hors écran initial. Ne pas charger ce que l'utilisateur ne voit pas encore est l'optimisation de fluidité la moins coûteuse qui existe — un simple attribut HTML, sans aucune librairie.
• WebP ou AVIF, presque toujours. Sur une connexion mobile limitée, les 25-50 % d'économie de poids qu'offrent ces formats par rapport au JPG (nous l'avons couvert dans le guide des formats) se ressentent beaucoup plus que sur une fibre de bureau, où la bande passante est surabondante.
• Évitez le « saut » au chargement. Déclarer systématiquement width etheight sur chaque image permet au navigateur de réserver l'espace avant l'arrivée de l'image, évitant ce réajustement brutal de la page qui donne une impression de lenteur même quand ce n'en est techniquement pas une.

Ce n'est pas que la qualité ne compte plus

Elle compte, mais elle a cessé d'être la variable qui décide si quelqu'un reste ou part — c'est désormais la fluidité. Une image un peu moins nette qui se charge instantanément l'emporte, dans l'expérience réelle de l'utilisateur, sur une image parfaite qui met trois secondes à apparaître. La bonne nouvelle, c'est qu'il n'est presque jamais nécessaire de choisir entre les deux : avec la compression et le format adéquats, on obtient une image qui paraît pratiquement tout aussi belle et se charge bien plus vite, sans ce sacrifice qui semblait inévitable il y a encore dix ans.