Come differire le immagini fuori schermo in WordPress

Sappiamo tutti che la velocità è molto importante Gestione SEO e conversione. Rendere veloce un sito web può aiutarlo a posizionarsi più in alto su Google. E può anche rendere felici i tuoi lettori. A chi non piace un sito web veloce?
Ma quando si tenta di ottimizzare un sito Web per la velocità, può richiedere molto tempo con così tante cose da fare. Di solito provo di tanto in tanto a testare il mio sito Web e assicurarmi che non funzioni male. Non sai mai cosa c'è di nuovo là fuori. Nel mondo della SEO le cose cambiano molto spesso.
Se hai controllato il tuo sito web strumenti per test di velocità come Google PageSpeed Insight o Web.dev, uno degli avvisi che potresti ricevere è di "rinviare le immagini fuori schermo".
In questo articolo spiegherò cosa significa, ti dirò come risolverlo e lo consiglierò i plugin puoi usarlo per risolverlo.
Tuttavia, dovresti sapere che il rinvio delle immagini fuori schermo può aumentare la velocità del tuo cellulare, i fattori più importanti che influenzano la tua velocità sono l'hosting e il tema. Qui a BloggingStrumenti che usiamo CloudWays perché è l'hosting WordPress più veloce. Se non puoi permetterti Cloudways, Bluehost o Hostinger sono buone opzioni. Per Theme, utilizziamo il più veloce Tema di WordPress conosciuto come GeneratePress.
Cosa significa differire le immagini fuori schermo?
Rinviare immagini fuori schermo significa ritardare il caricamento di immagini che non sono ancora visibili all'utente. Ciò farà in modo che il browser si concentri sul caricamento solo di ciò che è necessario e, in definitiva, sul rendere il sito Web più veloce.
Se hai molte immagini nei tuoi post o nella home page, quando un utente visita il tuo sito, il browser inizia subito a caricare tutto. Se le immagini sono molte, il rendering della pagina per l'utente può richiedere molto tempo.
Ma quando rinvii le immagini fuori schermo, le immagini verranno caricate solo quando l'utente scorre su di esse.
Tieni presente che non sono solo le immagini che puoi rinviare, ma anche la maggior parte delle risorse del tuo sito Web possono essere rinviate fino a quando non sono necessarie.
Come differire le immagini fuori schermo in WordPress
Puoi differire le immagini fuori schermo caricando le immagini in modo lento. Il caricamento lento assicurerà che le immagini vengano caricate solo quando sono necessarie. Questo a sua volta renderà il sito più veloce.
Una volta che sei in grado di caricare in modo lento immagini e altre risorse che impediscono il caricamento rapido della pagina. Le "immagini fuori schermo differite" da Google PageSpeed Insight e altri strumenti di test scompariranno.
Segui questi passaggi per rinviare le immagini fuori schermo in WordPress:
1. Installa un plug-in di caricamento lento
Ci sono molti plugin di caricamento lento disponibili gratuitamente nella directory dei plugin di WordPress. Puoi andare su Plugin, aggiungere nuovo quindi digitare lazy loading. Installa chiunque abbia buone recensioni.
Ma non è necessario installare alcun plug-in se si dispone già di plug-in in grado di gestire il caricamento lento. La maggior parte dei plugin di memorizzazione nella cache ha il caricamento lento. Controlla il tuo plug-in di memorizzazione nella cache per le opzioni di caricamento lento. I plug-in di ottimizzazione delle immagini hanno principalmente l'opzione di caricamento lento.
Inoltre, se stai utilizzando Jetpack e autoptimize, hanno opzioni di caricamento lento.
2. Attiva le opzioni di caricamento lento
Una volta installato il plug-in, assicurati di attivare l'opzione di caricamento lento. Se disponi di un plug-in della cache con una funzione di caricamento lento, assicurati di attivare tale opzione.
3. Svuota la cache.
Una volta attivato il caricamento lento, svuota la cache e basta!
Puoi testare di nuovo il tuo sito, l'avviso dovrebbe essere sparito!
Rinvia le immagini fuori schermo Plugin WordPress
I plug-in Defer offsreen images sono gli stessi dei plug-in di caricamento lento. Eccone alcuni qui sotto:
1. jetpack
jetpack è uno dei plugin WordPress più popolari con oltre 5 milioni di installazioni attive. Se hai già installato Jetpack, non è necessario installare un plug-in aggiuntivo per il caricamento lento.
Basta attivare il caricamento lento in Jetpack. Per attivare, vai alle impostazioni di Jetpack, quindi nella scheda delle prestazioni, scorri verso il basso e abilita il caricamento lento.

2. Ottimizza automaticamente
Autoptimize è un plug-in per le prestazioni molto popolare. Se stai usando Autoptimize, non è necessario installare un plug-in di caricamento lento poiché Autoptimize ha la stessa funzionalità.
Vai a Impostazioni di ottimizzazione automatica, quindi fai clic sulla scheda immagini e abilita il caricamento lento.

3. WP Rocket
WP Rocket è il plugin premium per la memorizzazione nella cache di WordPress più popolare. Se usi WP Rocket, non hai bisogno di altri plugin, hanno il caricamento lento abilitato.
Vai alle impostazioni di WP Rocket, quindi fai clic su media, da lì puoi abilitare il caricamento lento.

4. LiteSpeed Cache
Se stai usando il Plugin LiteSpeed Cache, Ha una funzione di caricamento pigro. Per attivare, vai semplicemente alla sezione media e lì puoi abilitare il caricamento lento.
5. a3 Carico pigro
Se hai solo bisogno di un plug-in per il solo caricamento Lazy, allora a3 Carico pigro è un buon plugin per questo. Vai semplicemente su plug-in> aggiungi nuovo. Cerca a3 Lazy Load. Installa e attiva. Quindi vai alle impostazioni del plug-in e attiva il caricamento lento.
In genere, alcuni temi, alcuni plug-in per la cache e alcuni plug-in per l'ottimizzazione delle immagini sono dotati di funzionalità di caricamento lento.
Domande frequenti (FAQ)
Che cos'è "rinviare le immagini fuori schermo?"
Rinviare le immagini fuori schermo significa semplicemente ritardare il caricamento delle immagini che non sono necessarie. Questo aiuta ad accelerare la velocità di un sito Web caricando le immagini solo quando è necessario.
Come faccio a differire le immagini fuori schermo in WordPress?
Per rinviare le immagini fuori schermo in WordPress, installa semplicemente un plug-in di caricamento lento. Puoi anche verificare se il plug-in di memorizzazione nella cache o il plug-in di ottimizzazione delle immagini ha una funzione di caricamento lento, semplicemente attivandola.
Come faccio a differire le immagini fuori schermo con WP Rocket?
Apri le impostazioni di WP Rocket, vai ai media. Da lì puoi attivare il caricamento lento.