caricare immagini dopo averle viste in wordpress – lazy load plugin jquery

Capita spesso a chi ha un blog con tante immagini che il tempo di caricamento è molto elevato… Non sarebbe bello farlo diminuire un po’?
Oggi ti presento un plugin che fa al tuo caso, jQuery Image Lazy Load WP, letteralmente “caricamento pigro dell’immagine”. Le immagini vengono caricate man mano che l’utente le incontra scorrendo la pagina, e non caricandole tutte all’inizio come accade ora. Questo porta sicuramente un vantaggio in termini di caricamento della pagina (proporzionale al numero di immagini presenti) e anche di risparmio di banda del server. Un conto è caricare 5 MB subito e un altro è caricare 1 MB ogni 2 secondi (simulando che l’utente visualizzi la pagina piano piano) per 10 secondi… non ti accorgerai di aver caricato 5 MB!

Vedrai le immagini comparire con un gradevole effetto fading, come puoi vedere navigando su questo blog. Di default, viene visualizzata al posto della tua immagine originale un’immagine grigia 20×20, ma ti consiglio di utilizzare un’immagine trasparente 1×1 al posto di questa grigia. Come fare?
Scarica l’immagine blank.gif che ho preparato, poi caricala in wp-content/plugins/jquery-image-lazy-loading/images ed infine modifica il file wp-content/plugins/jquery-image-lazy-loading/jq_img_lazy_load.php alla riga 22:

  $placeholdergif = plugins_url('images/grey.gif', __FILE__);

e la sostituisci con:

  $placeholdergif = plugins_url('images/blank.gif', __FILE__);

Per utilizzare questo magnifico strumento, non devi fare altro che attivare il plugin jQuery Image Lazy Load WP, il resto lo farà tutto lui!

Se non usi wordpress, puoi usare lazy-loading image tramite un plugin jQuery

Cosa ne pensi di questo plugin, è migliorato il tempo di caricamento? A me piace un sacco!.