Lazyload.js, caricamento immagini ottimizzato

Se siamo soliti utilizzare molte immagini nei nostri siti, in special modo siti contenenti tutorial e documentazione, allora può essere utile utilizzare Lazyload.js.

àˆ un plugin per jQuery che provvede a caricare le immagini solo quando necessario e cioè quando entrano nel radar dello scrolling della pagina. In pratica il plugin evita di caricare tutte le immagini presenti già  al loading della pagina, ma le attiva man mano che lo scrolling li pone dentro la schermata visualizzata sulla finestra.

àˆ un espediente per tentare di migliorare le performance del nostro sito, riducendo il tempo di caricamento delle pagine.

Dopo aver caricato la libreria jQuery, per usare Lazyload.js è sufficiente includere il file JavaScript nella sezione head del documento e aggiungere il codice seguente per esempio alla fine della pagina, prima del tag di chiusura del body:

	jQuery(document).ready(function(){
		$("img").lazyload({
		    failurelimit : 50,
		    effect : "fadeIn"
		});
	});