Utilizzando questo sito accetti il nostro uso dei cookie. Approfondisci

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

caricare immagini dopo averle viste in wordpress - lazy load plugin jqueryCapita 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


VUOI CREARE IL TUO SITO O BLOG WORDPRESS?

Scegli uno tra i migliori hosting per WordPress

HOSTING

Scegli uno tra i migliori hosting per WordPress

Hosting

Scegli uno tra i migliori temi WordPress professionali

GRAFICA

Scegli uno tra i migliori temi WordPress professionali

Grafica

Guide e risorse per gestire il sito WordPress a 360°

GESTIONE

Guide e risorse per gestire il sito WordPress a 360°

Gestione

EMAIL NEWSLETTER

Vuoi ricevere i miei ultimi articoli
comodamente nella tua email? È gratis!
Ben 3552 persone lo stanno già facendo!
Anonimo
   
con le dita sempre in costante, frenetico movimento sulla tastiera… vengo spesso trascinato e catturato “in rete” per colpa delle mille idee che mi girano per la testa (prima o poi troverò quella giusta)… dal futuro incerto (nonostante una laurea, e chi non lo è?..siamo in tanti!) .. credo fortemente nella condivisione della conoscenza!
14 Commenti
  • Pietro

    Lo ritieni valido anche per me?….procedo?….devo disattivare qualche altro plugin?

    • Roberto

      Provalo subito e vedi cosa te ne pare… magari su pingdom non noterai la differenza, ma sicuramente la noterai visualmente… Non disattivare niente

  • Pietro

    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!

    • Roberto

      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

  • K-Bon

    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!

    • Roberto

      ormai mi devo inchinare la vostro blog :)

  • Pietro

    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!

    • Roberto

      Magari basta modificare il codice del plugin… se trovo una soluzione ovviamente sarai il primo a saperla

  • HACCP

    Ho dei problemi nel caricare le immagini dal mio PC con wP cosa posso fare?

    • Roberto

      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

  • francesco

    ciao
    ma tra questi 2 plugin di cui parli che differenze ci sono? stesso fine metodo differente? :)
    jquery-image-lazy-loading/
    advanced-lazy-load/

Seguimi

Scarica gli ebook gratuiti

Vuoi creare e gestire il tuo blog WordPress autonomamente ed in maniera gratuita?

Allora scarica gratuitamente gli ebook Blogging Box e Le 30+ cose da non fare con WordPress, inserisci la tua email qui sotto:
13584+
Scarica gratuitamente gli ebook!

Per maggiori informazioni guarda questa pagina per la Blogging Box e questa per le 30+ cose da non fare con WordPress.

Scarica gli ebook gratuiti

Vuoi creare e gestire il tuo blog WordPress autonomamente ed in maniera gratuita?

Allora scarica gratuitamente gli ebook Blogging Box e Le 30+ cose da non fare con WordPress, inserisci la tua email qui sotto:
13584+
Scarica gratuitamente gli ebook!

Per maggiori informazioni guarda questa pagina per la Blogging Box e questa per le 30+ cose da non fare con WordPress.
Unisciti agli oltre 10999 lettori
che seguono questo blog
3152
982
2251
4614