Le chargement du paresseux

Un nouvelle technique fait son apparition dans le responsive design.

Je n’ai pas trouvé de traduction française. Nommons cette technique le “chargement paresseux” de l’anglais “lazy load”.

Avec l’avènement du mobile, de plus en plus de personnes navigue au moyen de leur téléphone portable. Tout le monde n’ayant pas un abonnement avec les données illimitées et le réseau n’étant pas optimal partout, il est dans la pratique de transférer le minimum de donnée entre le serveur et votre téléphone.

Le chargement paresseux (si quelqu’un a une meilleure idée de nom, je suis preneur) consiste à charger uniquement les images qui se trouvent dans le viewport. Entendez par là, les images qui sont visibles à l’écran. Cela permet de limiter grandement le transfert de donnée pour les longues pages comportant beaucoup d’images.

Mike Tuupola propose un plugin jQuery afin d’appliquer cette technique. La version avec fade in me plaît particulièrement.

Je ne peux que vous conseiller de mettre en place ce type de chargement si votre site web est destiné à un publique mobile.