Optimiser le chargement des images avec le plugin jQuery Lazy Loader
Posted on 03. oct, 2009 by admin in JAVASCRIPT
Lazy loader est un plugin jQuery écrit en JavaScript. Il délaye le chargement des images dans les pages web. Le plugin ne chargera pas les images qui ne sont pas visibles, au fur et a mesure que vous scrollez dans la page, les images seront alors chargées. En effet, cette méthode est l’opposé du préchargement d’images.
L’utilisation du Lazy loader dans les pages web longues rendra le chargement de la page plus rapide. Le navigateur se mettra a l’état prêt “ready state” après le chargement des images dans l’aire visible. Ceci pourrait dans certains cas réduire aussi le load sur le serveur.
Il y a des options pour optimiser le plugin pour ceux qui le désirent. Une demo est aussi disponible sur le site du plugin.
Ce plugin nécessite le Framework jQuery.
Demo: http://www.appelsiini.net/projects/lazyload/enabled_fadein.html
License: MIT License
PHP et la langue Arabe
Le petit journal du web #1 — Wordpress, HTML5, CSS3, jQuery, graphisme et orthographe
oct 5th, 2009
[...] Lazy loader — Vous souvenez-vous du préchargement d'images en Javascript ? Et bien ce plugin pour jQuery fait exactement le contraire : il ne charge vos images que lorsqu'elles apparaissent dans la fenêtre du navigateur. Le plugin est doté d'options plutôt bien pensées : seuil en pixels à partir duquel l'image sera chargée ; image de substitution en attendant le chargement de l'image ; apparition des images sur un événement click ou mouseover ; affichage des images après le déclenchement d'une fonction personnalisée, etc. Via Anis Berejeb. [...]
Lazy loader — chargement des images à la volée » Javascript & Web Design - Tous les jours le meilleur des ressources Javascript pour webdesigners
nov 15th, 2009
[...] ; affichage des images après le déclenchement d’une fonction personnalisée, etc. Via Anis Berejeb. Posted in jQuery | Tagged Images, Loader, Préchargement Cancel [...]