Lazy Load, ispirato da YUI ImageLoader di Matt Mlinac è un semplicissimo file javascript che evita che il tuo browser carichi tutte le immagini che si trovano al di sotto della scroll bar dello stesso.
Quali sono i vantaggi? Semplice, le pagine si caricano in maniera piú rapida e gli utenti possono navigare senza contenuti caricati in background e dei quali magari non faranno uso.
Vediamone nel dettaglio l'implementazione:
Passo 1: JQuery
Innanti tutto caricate JQuery nel vostro sito. La versione minified é perfetta.
Passo 2: Lazyload.js
Caricare il file javascript di Lazy Load e richiamarlo:
Passo 3: Inseriamo il codice
Non vi resta che caricare il seguente snippet nell'header o prima della chiusura del tab body:
Importante: soffermatevi sulla variabile "failurelimit". In layout non esattamente "lineari", come spesso lo sono quelli di blog e siti web complessi è necessario infatti incrementare la tolleranza standard per permettere che proprio tutte le immagini vengano prese in considerazione.
