Passa al contenuto principale
Tempo di lettura di 6 minuti (1121 parole)

Lazy Loading progressivo per Joomla

joomla-progressive-lazy-loading

Creazione di ottimi contenuti su Joomla! è una cosa, renderla accessibile è un'altra. Lazy loading è una soluzione che combina i due senza alterare il flusso di lavoro. Con il lazy loading progressivo, le immagini vengono caricate solo se e quando necessario. Se il lettore non raggiunge mai un'immagine sulla pagina web, non viene mai scaricata. Ora, il lazy loading è disponibile anche su Joomla!

I vantaggi del lazy loading sono molti; le pagine si caricano più velocemente, il che significa che l'esperienza dell'utente è migliore, i punteggi SEO aumentano e il contenuto di Joomla è più accessibile agli utenti su dispositivi di fascia bassa o accesso a Internet lento. Qualche settimana fa, abbiamo presentato un miglioramento della ricetta di base del lazy loading su WordPress . Oggi lo presentiamo per Joomla! anche, ma prima, uno sguardo a come abilitare il lazy loading progressivo su Joomla!

 

Abilitare il Lazy Loading lento su Joomla!

Lazy loading su Joomla! fa parte dell'estensione Speed Cache . Attivare lazy loading è semplice come premere un interruttore. Speed Cache di Joomla! include anche altre funzionalità che ti aiutano a ottenere il massimo dal lazy loading .

 

Per configurare il lazy loading sul tuo Joomla! blog, vai alla dashboard di Speed Cache . Da lì, fai clic sul pulsante di configurazione per andare alla nuovissima pagina delle impostazioni di Speed Cache .

 

Le impostazioni di lazy loading si trovano nella scheda parametri . Naviga lì o utilizza la nuovissima funzionalità di ricerca per cercare le impostazioni di lazy loading . Per abilitare il lazy loading , è sufficiente attivare l' opzione di lazy loading . Non appena lo fai, Speed Cache mostra nuove opzioni per personalizzare il lazy loading in base al tuo sito web.

Escludi immagini da Joomla!

Con i primi due campi, puoi escludere alcune immagini dal lazy loading se sono molto piccole, come icone o piccoli loghi. Questo è utile per abilitare il lazy loading solo per le immagini che effettivamente influiscono sul tempo di caricamento del tuo Joomla! blog. Per questo motivo, assicurati di escludere solo immagini molto piccole in modo da non rendere inefficace il lazy loading .

In alcuni casi, tuttavia, potresti voler escludere (o includere) interi set di Joomla! post o pagine dal lazy loading . I motivi per cui lo faresti variano notevolmente e sono ragionevoli: forse i media che includono sono parte integrante del contenuto. A tal fine vengono utilizzati i due campi seguenti.

 

Con il primo campo è possibile abilitare il lazy loading solo per determinate pagine e con il secondo campo è possibile disabilitare il lazy loading solo per una selezione del contenuto. In entrambi i casi sono consentiti anche i caratteri jolly; usa il simbolo asterisco per applicare il lazy loading su set di Joomla! post o pagine. Salva le modifiche per abilitare il lazy loading : il lazy loading ha effetto sul tuo Joomla! blog automaticamente.

 

Come funziona il Lazy Loading progressivo su Joomla!

Lazy loading serve i contenuti non appena è necessario. Di solito, le pagine sono costituite da una combinazione di testo e immagini. Il download di contenuti multimediali richiede più tempo rispetto al download di testo, soprattutto su cellulari di fascia bassa o accesso a Internet lento. Mentre il tuo Joomla! il blog non può magicamente accelerare i cellulari o l'accesso a Internet, può fare la cosa migliore: migliorare l'esperienza dell'utente.

Ciò che significa lazy loading in effetti è che il browser carica inizialmente il testo, che comunemente è parte integrante del tuo Joomla! blog. Il testo è anche di dimensioni molto più piccole, quindi si carica più velocemente e i tuoi lettori possono seguirlo. Quando scorrono verso il basso e viene visualizzata un'immagine, il lazy loading scarica e visualizza l'immagine.

 

In realtà, il caricamento di un'immagine potrebbe richiedere ancora del tempo. Pertanto, il lazy loading progressivo dell'immagine crea automaticamente una versione ridotta delle immagini, larga 20 px, con 4 colori e di dimensioni di pochi KB, le ingrandisce fino alle dimensioni originali e quindi le sfoca. L'effetto è una versione sfocata dell'immagine a grandezza naturale che indica che l'immagine è ancora in fase di download. Quando il lazy loading termina il download dell'immagine, Joomla! sostituisce l'immagine sfocata con l'immagine intera.

Il lazy loading progressivo viene abilitato automaticamente con il lazy loading , il che significa che non è necessario apportare ulteriori modifiche. Soprattutto, utilizzando solo piccole versioni dell'immagine, il lazy loading progressivo aggiunge pochissimo sovraccarico al tuo Joomla! spazio di archiviazione.

 

Lazy Loading in Joomla! Gallerie

Lazy loading lento non discrimina. Il lazy loading Speed Cache funziona per qualsiasi immagine, comprese le gallerie, come le gallerie Droppics. Analogamente alle immagini normali, Speed Cache fa esplodere una piccola versione delle immagini nella galleria e la sfoca. Quando gli utenti scorrono verso il basso, il lazy loading scarica le immagini a grandezza naturale.

 

lazy loading Speed Cache non ostacola il flusso di lavoro. Invece, inietta il lazy loading nel tuo processo: inserisci semplicemente un'immagine o una galleria ovunque sul tuo Joomla! blog e Speed Cache caricano automaticamente le immagini pigramente utilizzando AJAX una per una dopo che il contenuto principale, principalmente il testo e le piccole immagini escluse dalle tue preferenze, è stato caricato.

 

Lazy Loading intelligente basato sull'altezza dello schermo

Lazy loading riguarda lo scorrimento e l'altezza dello schermo. Il lazy loading Speed Cache è molto intelligente in quanto si applica solo all'altezza dello schermo corrente (in base alla visualizzazione) e precarica quello successivo. Quindi, se hai una connessione veloce o se scorri lentamente, non noterai nemmeno che il lazy loading è attivato sul tuo sito web Joomla.

Inoltre, questo lazy loading basato sull'altezza dello schermo si applica solo all'altezza dello schermo corrente anche se si trova al centro della pagina, ad esempio nel caso di un collegamento a un'ancora. Quindi, il lazy loading viene applicato una volta che si scorre verso l'alto o verso il basso.

 

finestra-lazy-loading

 

Joomla SEO e Lazy Loading

Il lazy loading utilizzato in Speed Cache non influisce sulla SEO. In effetti, i motori di ricerca che eseguono la scansione dei tuoi contenuti, come il bot di Google, vedranno solo vantaggi:

  • I tempi di caricamento della pagina sono molto migliori;
  • Tutto il contenuto dell'immagine, incluso il testo alternativo, il titolo dell'immagine e la descrizione vengono caricati immediatamente senza un lazy loading ; e
  • I sottotitoli delle immagini vengono caricati anche al primo rendering della pagina.

alternate-lazy-loading

 

Il lazy loading progressivo è un compromesso tra la visualizzazione dei media e il ritardo del download aggiungendo segnali visivi. Allo stesso tempo, il lazy loading rende la navigazione in Joomla! blog un'esperienza più veloce e piacevole. Non dovrebbero esserci limiti alla condivisione di ottimi contenuti e ora, con il lazy loading progressivo su Joomla! non ci sono limiti per renderlo accessibile.

Naturalmente, possiamo anche tenere presente che Speed Cache offre anche molti altri fantastici strumenti come un modulo Cache davvero carino che ci consentirà di velocizzare i nostri siti e portarli al livello successivo!

Controlla Speed Cache per Joomla:  https://www.joomunited.com/products/speed-cache

7
Tieniti informato

Quando ti iscrivi al blog, ti invieremo una e-mail quando ci saranno nuovi aggiornamenti sul sito per non perderli.

Post correlati

 

Commenti 1

hobbista martedì 18 febbraio 2020 06:25

Sto cercando il lazy loading di lettori video incorporati (youtube). Un sacco di quelli causano molto traffico quando la pagina viene caricata. Questo articolo non menziona video, solo immagini, quindi presumo che non si applichi.

A proposito, non riesco ad analizzare il testo "Il tempo di caricamento è che la pagina è molto meglio".

Sto cercando il lazy loading di lettori video incorporati (youtube). Alcuni di questi causano molto traffico quando la pagina viene caricata. Questo articolo non menziona video, solo immagini, quindi presumo che non si applichi. A proposito, non riesco ad analizzare il testo "Il tempo di caricamento è la pagina è molto meglio".
Già registrato? Accedi qui
Giovedì 28 marzo 2024

Immagine captcha