Notizie Blog: WordPress e Joomla Extensions

Progressivo Lazy Loading per Joomla

joomla-progressive-lazy-loading

Creare ottimi contenuti con Joomla è una cosa, renderla accessibile è un'altra. Lazy loading è una soluzione che combina i due senza alterare il flusso di lavoro. La tecnica carica le immagini solo se e quando necessario. Se il lettore non raggiunge mai un'immagine sulla pagina Web, non viene mai scaricata.

I vantaggi 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 è accessibile agli utenti su dispositivi di fascia bassa o accesso a Internet lento. Poche settimane fa, abbiamo presentato un miglioramento sulla ricetta di base lazy loading su WordPress. Oggi lo presentiamo anche per Joomla, ma prima diamo un'occhiata a lazy loading su Joomla.

 

Abilitazione di Lazy Loading su Joomla

Lazy loading su Joomla fa parte dell'estensione Speed Cache. Attivare lazy loading è semplice come premere un interruttore, ma Speed Cache di Joomla include anche nuove funzionalità che non sono ancora presenti in WordPress. Per iniziare, vai alla configurazione di Speed Cache dal tuo backend Joomla.

Tutte le opzioni lazy loading si trovano in una nuova scheda, con un nome appropriato lazy loading. Per abilitare lazy loading, basta attivare la prima opzione. Di seguito, l'estensione Joomla aggiunge nuove opzioni per personalizzare lazy loading in base al tuo sito web.

 

 

Escludi immagini da Joomla Lazy Loading

Con i primi due campi, puoi escludere determinate immagini da lazy loading se sono molto piccole. Ciò è utile per abilitare lazy loading per le immagini che incidono effettivamente sul tempo di caricamento del tuo blog Joomla, non, ad esempio, icone di larghezza 16px. Per questo motivo, assicurati di escludere solo piccole immagini per non rendere inefficace lazy loading.

L'esclusione per larghezza e / o altezza dell'immagine.

 

lazy-loading-esclusione

 

In alcuni casi, tuttavia, potresti voler escludere determinati post da lazy loading. Forse i media che includono sono parte integrante del contenuto. I seguenti due campi sono usati per questo effetto. 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 di contenuti. In entrambi i casi, sono ammessi anche caratteri jolly. Salva le modifiche per abilitare lazy loading: la funzione diventa automatica.

 

Progressivo Joomla Lazy Loading

Lazy loading pubblica i contenuti non appena necessario. Tuttavia, il download di contenuti multimediali può richiedere ancora del tempo, soprattutto su dispositivi mobili di fascia bassa o accesso Internet lento. Mentre il tuo blog Joomla non può velocizzare magicamente i cellulari o l'accesso a Internet, può fare la cosa migliore successiva: migliorare l'esperienza utente.

Immagine progressiva lazy loading crea automaticamente una versione ridotta delle immagini - Larghezza 20px, 4 colori, peso pochi Kb - Quindi esplode fino alle dimensioni originali e quindi le sfoca. L'effetto è una versione sfocata dell'immagine a dimensione intera che indica che l'immagine è ancora in fase di download. Al termine del download dell'immagine, l'immagine sfocata viene sostituita con l'immagine completa.

 

lazy loading progressivo viene abilitato automaticamente con lazy loading, il che significa che non è necessario apportare ulteriori modifiche. Soprattutto, utilizzando solo piccole versioni dell'immagine, lazy loading progressivo aggiunge un sovraccarico molto ridotto.

Il progressivo lazy loading scende a compromessi tra la visualizzazione di contenuti multimediali e il ritardo nel scaricarli aggiungendo segnali visivi e rendendo ancora più veloce la navigazione nel tuo blog Joomla. Non ci dovrebbero essere limiti alla condivisione di grandi contenuti e ora, con lazy loading progressivo, non ci sono limiti per renderlo accessibile.

 

Smart Lazy Loading Basato sull'altezza dello schermo

Lazy loading riguarda lo scorrimento e l'altezza dello schermo. SpeedCache lazy loading è molto intelligente in quanto si applica solo all'altezza dello schermo corrente (in base al riquadro di visualizzazione) 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, questa altezza dello schermo lazy loading si applica solo su l'attuale altezza dello schermo anche se si trova al centro della pagina, ad esempio nel caso di un collegamento a un'ancora. Quindi, lazy loading viene applicato quando si scorre verso l'alto o verso il basso.

 

finestra-lazy-loading

 

Joomla SEO e Lazy Loading

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

  • Il tempo di caricamento è che la pagina è decisamente migliore
  • Tutto il contenuto dell'immagine come testo alternativo, titolo dell'immagine, descrizione dell'immagine viene caricato
  • I sottotitoli delle immagini vengono comunque caricati con il rendering della prima pagina

 

alternate-lazy-loading

 

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

5
Collegamento di WordPress al cloud tramite WP Media Fo ...
Traduci Advanced Gutenberg in diverse lingue ...
 

Commenti

Non ci sono ancora commenti. Puoi essere il primo a inviare un commento
Già registrato? Accedi qui
ospite
Venerdì 20 settembre 2019
Se desideri registrarti, inserisci i campi nome utente, password e nome.

Immagine Captcha