Come differire le immagini fuori schermo in WordPress

Una delle numerose opzioni per velocizzare un sito Web è quella di posticipare le immagini fuori schermo. In questo post, puoi imparare come rinviare le immagini fuori schermo in WordPress

Sappiamo tutti che la velocità è molto importante per la SEO e la conversione. Rendere veloce un sito Web può aiutare quel sito Web 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 consiglierò i plug-in che puoi utilizzare per risolverlo.

Tuttavia, dovresti sapere che perché il rinvio delle immagini fuori schermo può aumentare la tua velocità mobile, i fattori più importanti che influenzano la tua velocità sono il tuo hosting e il tuo tema. Qui a BloggingTools, usiamo CloudWays perché è l'hosting WordPress più veloce. Se non puoi permetterti Cloudways, Bluehost o Hostinger sono buone opzioni. Per Theme, utilizziamo il tema WordPress più veloce noto 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.

Jetpack lazy loading

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.

Autoptimize Lazy loading

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.

WP Rocket Lazy loading

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.

Mfon Abel Ekene

Mfon Abel Ekene

Mi piace creare contenuti utili. La mia passione è aiutare la popolazione di Internet a trovare ciò di cui ha bisogno, indirizzandola nella giusta direzione. È quello che amo fare e ho dedicato molte ore di ricerca e test per assicurarmi di farlo attraverso i miei contenuti su TargetTrend.

Articoli: 48

Ricevi materiale tecnico

Tendenze tecnologiche, tendenze di avvio, recensioni, entrate online, strumenti web e marketing una o due volte al mese

Lascia un Commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati con *