Creare contenuti eccezionali su Joomla! è una cosa, renderli accessibili è un'altra. Lazy loading è una soluzione che combina le due cose senza alterare il tuo flusso di lavoro. Con lazy loadingprogressivo, 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, lazy loading è disponibile anche su Joomla!

I benefici di lazy loading sono molti; le pagine si caricano più velocemente, il che significa che l'esperienza utente è migliore, i punteggi SEO salgono alle stelle e i contenuti di Joomla sono più accessibili agli utenti con dispositivi low-end o con accesso a Internet lento. Alcune settimane fa, abbiamo presentato un miglioramento della ricetta base lazy loading su WordPress. Oggi, lo presentiamo anche per Joomla!, ma prima diamo un'occhiata a come abilitare lazy loading progressivo su Joomla!

Abilitare Lazy Loading su Joomla!

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

Per configurare il caricamento lento sul tuo blog, vai al . Da lì, clicca sul pulsante di configurazione per accedere alla nuova pagina delle impostazioni di .

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

Escludi immagini dal caricamento lento su Joomla!

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

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

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

Come funziona il caricamento lento progressivo su Joomla!

Lazy loading serve i contenuti non appena sono richiesti. Di solito, le pagine sono composte da una combinazione di testo e immagini. Scaricare i media richiede più tempo rispetto al download di testo, soprattutto su dispositivi mobili di fascia bassa o con accesso a Internet lento. Mentre il tuo blog Joomla! non può magicamente velocizzare i dispositivi mobili o l'accesso a Internet, può fare la cosa migliore successiva: migliorare l'esperienza utente.

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

In realtà, potrebbe comunque volerci del tempo per caricare un'immagine. Pertanto, il caricamento lento progressivo delle immagini crea automaticamente una versione ridotta delle immagini, larga 20px, con 4 colori e di poche KB di dimensione, le ingrandisce alle dimensioni originali e poi le sfoca. L'effetto è una versione sfocata dell'immagine a dimensione intera che indica che l'immagine è ancora in fase di download. Quando il caricamento lento finisce di scaricare l'immagine, Joomla! sostituisce l'immagine sfocata con l'immagine a dimensione intera.

Il caricamento lento progressivo lazy loading è abilitato automaticamente con il caricamento lento lazy loading, il che significa che non è necessario apportare ulteriori modifiche. Meglio di tutto, utilizzando solo versioni ridotte dell'immagine, il caricamento lento progressivo lazy loading aggiunge un sovraccarico molto ridotto allo spazio di archiviazione di Joomla!.

Lazy Loading nelle gallerie di Joomla!

Lazy loading non discrimina. L' lazy loading di Speed Cachefunziona per qualsiasi immagine, comprese le gallerie, come le gallerie Droppics . Analogamente alle immagini normali, Speed Cache ingrandisce una versione ridotta delle immagini nella galleria e la sfoca. Quando gli utenti scorrono verso il basso, lazy loading scarica le immagini a dimensione intera.

Meglio di tutto, l' Speed Cachedi lazy loading non ostacola il tuo flusso di lavoro. Invece, inietta l' lazy loading nel tuo processo: basta inserire un'immagine o una galleria in qualsiasi punto del tuo blog Joomla! e l' Speed Cache carica automaticamente le immagini in modo lazy utilizzando AJAX, una alla volta, 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. Speed Cachedi lazy loading è molto intelligente nel modo in cui si applica solo sull'altezza dello schermo corrente (in base al viewport) e precarica il successivo. Quindi se hai una connessione veloce o se scorri lentamente, non noterai nemmeno che 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 a metà pagina, ad esempio nel caso di un collegamento a un'ancora. Quindi, l' lazy loading viene applicato una volta che si scorre verso l'alto o verso il basso.

SEO di Joomla e Lazy Loading

Il caricamento lento utilizzato in Speed Cache non influisce sulla SEO. In effetti, i motori di ricerca che scansionano i tuoi contenuti, come il bot di Google, vedranno solo vantaggi:

• I tempi di caricamento della pagina sono molto migliori;
• Tutti i contenuti delle immagini, incluso il testo alternativo, il titolo dell'immagine e la descrizione vengono caricati immediatamente senza lazy loading; e
• Le didascalie delle immagini vengono caricate anche quando la pagina viene visualizzata per la prima volta.

Il caricamento progressivo è un compromesso tra mostrare i media e ritardare il loro download aggiungendo indizi visivi. Allo stesso tempo, il caricamento lento rende la navigazione nel tuo blog Joomla! un'esperienza più veloce e piacevole. Non dovrebbero esserci limiti alla condivisione di contenuti eccezionali e ora, con il caricamento progressivo su Joomla! non ci sono limiti per renderlo accessibile.

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

Verifica per Joomla:  https://www.joomunited.com/products/speed-cache