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!.
jQuery Image Lazy Load WP
Inserire video di youtube in wordpress, i plugin non
Come usare campi personalizzati in blog WordPress
La differenza tra Categorie e Tag nei blog
Come scegliere il tema migliore per il tuo blog WordPress,
Eliminare le pagine delle immagini (degli allegati) in
Adsense
Facebook
Google+
Guadagnare con un blog
Informatica
Varie
WordPress
Lo ritieni valido anche per me?….procedo?….devo disattivare qualche altro plugin?
Provalo subito e vedi cosa te ne pare… magari su pingdom non noterai la differenza, ma sicuramente la noterai visualmente… Non disattivare niente
ok….prova anche tu perchè io non riesco a vederlo sto effetto….sul tuo si….sul mio no!….non ho ancora cambiato l’immagine di fondo proprio per vedere l’effetto grigio…mah!
A me si vede bene, solo la prima volta ci ha messo 1 sec a caricare le foto (ora sono salvate in cache), ma una volta salvate in cache, ho riaggiornato e si vedevano perfettamente come volevi, cioè si caricano solo quando un utente “le vede”… magari non avevi svuotato la tua cache del browser… prova a svuotarla, se non vedi niente ancora, svuota anche quella del plugin w3
Ciao Roberto,
Ho appena fatto tutto ciò che hai scritto nell’articolo! Che miglioramento! Davvero un ottimo plugin per aumentare la velocità di caricamento delle immagini! Serviva proprio un plugin così nel mio blog. GRAZIEE!
ormai mi devo inchinare la vostro blog
Ciao Roberto….ottimo direi!….Però lo toglierò perchè quando vai ad usare il social slider vengono fuori i quadratini grigi e non le immagini….hai visto?….lo lascio così per fartelo vedere e poi lo tolgo….ovviamente se non hai altre soluzioni dal tuo cilindro magico!
Magari basta modificare il codice del plugin… se trovo una soluzione ovviamente sarai il primo a saperla
Anche a me interessa…
Ho fatto il post dove spiego come sistemare questo piccolo difetto: escludere lazy load dalla sidebar
Ho dei problemi nel caricare le immagini dal mio PC con wP cosa posso fare?
Se non riesci a caricarle tramite wp, puoi sempre caricarle tramite ftp sul tuo spazio web, oppure usare le immagini di altri siti web come flickr ad esempio
Pingback: Lazy loading | ReF-cRew | aBBruZzo-coRe