Come usare il Lazy Load per caricare le immagini in WordPress

Vuoi imparare come utilizzare il caricamento lento per caricare le immagini in WordPress?

Lazy Load è una tecnica che consente al tuo sito Web di caricare solo immagini quando un utente scorre verso il basso fino a un'immagine specifica, riducendo il tempo di caricamento del sito Web e migliorando le prestazioni del sito Web.

I siti web più popolari che sono pieni di immagini usano Lazy Load per aumentare la velocità e le prestazioni del sito web.

In questo articolo, ti mostreremo come caricare immagini su WordPress usando Lazy Load.

Perché lazy load immagini in WordPress?

Il caricamento pigro delle tue immagini su WordPress può velocizzare il tuo sito Web e fornire a migliore esperienza utente.

A nessuno piacciono i siti web lenti. Infatti, uno studio sulle prestazioni ha rilevato che un solo secondo di ritardo nel tempo di caricamento della pagina si traduce in un 7% in meno di conversioni, 11% in meno di visualizzazioni di pagina e 16% in meno di soddisfazione del cliente.

Anche i motori di ricerca come Google non amano i siti Web a caricamento lento. Ecco perché i siti web più veloci si posizionano più in alto nei risultati di ricerca.

Le immagini impiegano più tempo a caricarsi sul tuo sito web rispetto ad altri elementi web. Se aggiungi molte immagini ai tuoi post, ogni immagine aumenta il tempo di caricamento della pagina.

Un modo per gestire questa situazione è usare a Servizio CDN. Un CDN consentirà a un utente di scaricare immagini da un server Web più vicino e ridurre la velocità di caricamento del sito Web.

Tuttavia, le tue immagini verranno comunque caricate e influenzeranno il tempo di caricamento complessivo della pagina. Per risolvere questo problema, puoi ritardare il caricamento delle immagini implementando il caricamento lento o il caricamento lento sul tuo sito web.

Come funziona il caricamento lento delle immagini?

Invece di caricare tutte le tue immagini contemporaneamente, il caricamento lento scarica solo le immagini visibili sullo schermo dell'utente. Sostituisce tutte le altre immagini con un'immagine segnaposto o uno spazio vuoto.

Quando un utente scorre verso il basso, il tuo sito web carica le immagini che sono visibili nell'area di visualizzazione del browser.

Il caricamento lento può essere molto utile per il tuo blog WordPress.

• Riduce il tempo di caricamento iniziale della pagina web, in modo che gli utenti vedranno il tuo sito web più velocemente
• Risparmia larghezza di banda fornendo solo immagini al momento della visualizzazione e può risparmiare sui costi di hosting

Il rilascio di WordPress 5.5 ha aggiunto il caricamento lento come funzionalità predefinita.

Tuttavia, se desideri personalizzare il caricamento lento delle tue immagini e il caricamento lento delle immagini di sfondo, dovrai utilizzare a WordPress Plugin.

Nota: Sebbene il caricamento lento o Lazy Load contribuisca a migliorare la velocità di caricamento del sito Web, dovresti sempre ottimizzare le immagini per il Web prima di caricarle su WordPress per ottenere le massime prestazioni.

Ne condivideremo due plugin di WordPress diversi che possono aiutarti a impostare facilmente il caricamento lento sulle immagini di WordPress.

Metodo 1. Lazy Load Immagini in WordPress con WP Rocket

Ti consigliamo di utilizzare il plugin WP Rocket per caricare pigramente le immagini in WordPress. È il miglior plug-in di memorizzazione nella cache di WordPress sul mercato e ti consente di abilitare facilmente il caricamento lento delle immagini.

Oltre a questo, è un plugin molto potente che ti aiuta a ottimizzare la velocità del tuo sito web senza conoscere i complessi termini tecnici.

Al momento dell'installazione e dell'attivazione, tutte le impostazioni di cache predefinite consigliate accelereranno notevolmente il tuo sito Web WordPress.

Per abilitare il caricamento lento dell'immagine, devi solo selezionare alcune caselle. Puoi persino abilitare il caricamento lento per i video, il che migliorerà ulteriormente la velocità del tuo sito web.

Metodo 2. Lazy Load Immagini in WordPress con Optimole

Questo metodo utilizza il plugin gratuito Optimole. È uno dei migliori plugin per la compressione delle immagini di WordPress e ti consente di abilitare facilmente il caricamento lento delle immagini.

Se ricevi più di 5 visitatori al mese, avrai bisogno del versione premium.

Durante l'attivazione, vai su Media »Optimole, quindi registrati per una chiave API.

Basta fare clic sul pulsante Registrati e invia tramite e-mail la chiave APIE ti sarà inviato via email.

Quindi inserisci la tua chiave API e fai clic su " Connettiti al servizio OptiMole '.

Successivamente, fai clic sulla scheda " Impostazioni ".

Qui puoi assicurarti che il " Ridimensiona le immagini e il caricamento lento" è attivato. Questo genererà immagini in base alle dimensioni dello schermo del tuo visitatore e migliorerà la velocità di caricamento.

Quindi fare clic sull'opzione di menu " Avanzate »E seleziona« Lazyload ».

In questa schermata, ci sono varie impostazioni che ti consentono di personalizzare il modo in cui le tue immagini verranno caricate pigramente.

Prima di tutto, puoi regolare il " Escludi prima di immagini da lazyload ". Ciò impedirà le prime immagini del tuo articoli o pagine per usare il carico pigro.

Puoi impostare questa opzione su 0 se vuoi che ogni immagine venga caricata pigramente.

Quindi puoi attivare l'opzione " Immagini in scala '.

Questo adatterà le immagini alle dimensioni dello schermo del visitatore e velocizzerà il caricamento della pagina.

Successivamente è possibile attivare l'impostazione " Abilita Lazyload per le immagini di sfondo '.

Questo caricherà pigramente le tue immagini di sfondo, che possono essere alcune delle immagini più grandi sul tuo sito web.

Un'altra impostazione che puoi abilitare è il caricamento lento di video e iframe incorporati. Se hai molti contenuti video incorporati, dovresti abilitare questa impostazione.

Questo caricherà un'immagine segnaposto invece del video. Quando fai clic su di esso, viene caricato il video completo.

Puoi continuare a personalizzare queste impostazioni e vedere cosa funziona meglio per il tuo sito web e le tue immagini.

Prima di uscire dalle impostazioni del plugin, assicurati di fare clic su " Salva modifiche '.

1. ARMember

ARMember è un WordPress Plugin protezione dei contenuti. È una soluzione unica che ti consente di vendere abbonamenti su qualsiasi sito web. Ha una vasta gamma di strumenti in grado di proteggere completamente o parzialmente il suo contenuto.

Un'altra delle sue caratteristiche è il fatto che offre un'opzione gratuita un po' limitata in termini di funzionalità. Parlando di funzionalità, questo potente WordPress Plugin offre tra l'altro:

La possibilità di pianificare contenuti, supporto per più piani di abbonamento, facilità di configurazione, migrazione tra piani di abbonamento, Supporto WooCommerce, diversi modelli di moduli e altro ancora.

È anche un riferimento in questa nicchia.

Download | Demo | Web hosting 

2. Visualizzazione delle imposte per paese per WooCommerce

Tax Display By Country for WooCommerce è un plugin che permette di visualizzare i prezzi dei prodotti con o senza tasse, a seconda del paese del visitatore. Consente inoltre di preselezionare il paese di fatturazione del visitatore.

Ricorda che a volte i clienti possono essere confusi a causa delle diverse valute e quando questo include le tasse è ancora più complicato. La visualizzazione delle imposte per paese, quindi, consente di rimuovere questi ostacoli e semplificare il processo di acquisto.

Download | Demo | Web hosting

3. Slick Popup Pro

Slick Popup Pro è un Estensione di WordPress abbastanza semplice e leggero che converte qualsiasi modulo creato dal plugin Contattare 7 Modulo in un popup. Usa il modulo e lo converte in un popup bello e perfettamente reattivo.

Il modulo popup può avere diversi usi, tra cui: un modulo per la raccolta di informazioni, a modulo di contatto, un modulo di registrazione, un modulo di preventivo, un modulo di suggerimento / reclamo e altri.

Download | Demo | Web hosting

• Come configurare All In One SEO pacchetto WordPress
• Come aggiornare i temi WordPress acquistati on ThemeForest
• Come visualizzare un collegamento WordPress per disconnettersi
• Come configurare All In One SEO pacchetto WordPress

Conclusione

Ecco ! Questo è tutto per questo tutorial. Speriamo che questo articolo ti abbia aiutato a imparare come caricare pigramente le immagini in WordPress. Non esitare a condividi con i tuoi amici sui tuoi social network preferiti. 

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

Ma, nel frattempo, parlaci del tuo commentaires e suggerimenti nella sezione dedicata.

...