Lazy loading images.

Con lazy loading si indica la tecnica utilizzata per dilazionare il caricamento delle immagini contenute in una pagina html in funzione della loro posizione sul documento.

LazierLoad è un piccolo plugin javascript basato sulla libreria Prototype che trova automaticamente tutte le immagini di un documento html e ne carica solamente quelle visibili nel viewport del browser: scrollando la pagina lo script si occupa del caricamento delle immagini succesive. Tutto questo consente un più veloce tempo di download della pagina, soprattutto in presenza di numerose e pesanti immagini.

Utilizzare Pastie è semplice: basta includere i relativi file nel tag head del documento html:

Le opzioni di configurazione del plugin sono molto semplici:

Ne approfitto per testare lo script con le immagini di una selezione di bozzetti e lavori della Syn-Ergo da me realizzzati negli ultimi anni: ecco il link dove vedere i lavori e lo script in azione.

  • Social:
  • delicious
  • digg
  • diggita
  • facebook
  • google
  • reddit
  • segnalo
  • technorati
  • technotizie
  • twitter
  • yahoo
  • wikio
Inserisci un commento
codice di sicurezza

(*) Campi obbligatori

L'html nel testo del commento è abilitato: i tag consentiti sono: a, em, strong, p, code, pre, quote e br.

Gli attributi dei tag utilizzabili sono title e href.

follow me on Twitter