Le plugin JQuery Lazy Load permet d’optimiser le temps de chargement d’une page qui contient beaucoup d’images. En effet, lorsqu’il est activé, seules les images visibles au chargement de la page sont chargées. Ce n’est qu’en scrollant dans la page que les images suivantes seront chargées. C’est l’inverse d’un preloader (qui charge toutes les images avant d’afficher le contenu).
Voir la démo
Grâce à cela, le contenu visible de la page est prêt beaucoup plus rapidement. Le plugin JQuery accepte plusieurs options comme l’effet d’apparition des images lorsque l’on srcolle, l’image qui s’affiche pendant que la photo voulue se charge, à partir de quand on peut charger l’image (au premier pixel visible ou si 200 pixels de haut sont affichés)…

Un bon plugin en somme, même si apparemment il ne fonctionne pas bien avec JQuery 1.3.x. Il nécessite donc l’utilisation de la version 1.2.x du framework JavaScript.

Pas encore de billet sur le même sujet !