I migliori plugin Lazy Load per WordPres

Immagini, infografiche ed effetti fantasiosi sono tutti ottimi aiuti per promuovere qualsiasi tipo di contenuto su un sito Web. Sono accaparratori di attenzione infallibili e possono trasmettere l’essenza del contenuto in un frame. Nessuna meraviglia che facciamo affidamento sulle immagini per catturare l’attenzione di un lettore e migliorare il coinvolgimento degli utenti su Internet.


D’altro canto, le immagini spesso richiedono tempo per essere caricate su una pagina Web. E se sei su una connessione lenta, può sembrare che ci vuole un’eternità per caricare. Questa può essere una grande svolta per gli utenti, che probabilmente si allontaneranno dalla pagina.

Disclaimer: WPExplorer è un affiliato per uno o più prodotti elencati di seguito. Se si fa clic su un collegamento e si completa un acquisto, è possibile effettuare una commissione.

Come possiamo caricare più velocemente le pagine pesanti di immagini?

Perché il caricamento delle immagini richiede tempo? Bene, possiamo spiegarlo in questo modo – una pagina web è composta da molti elementi – testo, immagini, media, sceneggiatura e altro. Per caricare tutti gli elementi, il browser invia una richiesta al sito Web (chiamata richiesta HTTP). Molti degli elementi, in particolare le immagini, sono byte-pesanti e richiedono tempo per il caricamento. Normalmente tutti gli elementi provano a caricare contemporaneamente e questo ritarda il caricamento dell’intera pagina web.

La cosa logica da fare è far sì che il contenuto a caricamento rapido appaia prima sul browser e attiri l’attenzione di uno spettatore. Allo stesso tempo, ritardare il caricamento delle immagini pesanti di dati. Questo approccio è in grado di persuadere gli utenti ad attendere perché sullo schermo c’è qualcosa che attira la loro attenzione.

Che cos’è il caricamento lento?

Possiamo ritardare le immagini utilizzando la tecnica del caricamento lento: caricare prima solo il testo o il contenuto selezionato e consentire il ritardo delle immagini o degli elementi a caricamento lento. Il caricamento delle immagini è scaglionato, quindi migliora il tempo al primo byte per la pagina Web. Mentre un utente scorre verso il basso, le immagini vengono recuperate una alla volta. Di conseguenza, il numero di richieste HTTP che colpiscono il server contemporaneamente è ridotto.

Le immagini vengono inserite in un segnaposto, da caricare in seguito. Quando le immagini raggiungono l’area di visualizzazione, vengono recuperate dal server. Appaiono sullo schermo mentre si spostano nell’area “above the fold”. In caso di scorrimento infinito, ajax viene utilizzato per caricare di più quando l’utente tocca la parte inferiore dello schermo.

Come può essere utile il caricamento lento

Il caricamento lento riduce i tempi di caricamento. Un sito Web più veloce è utile per l’esperienza utente e i motori di ricerca. Riduce inoltre la larghezza di banda del server caricando le immagini solo quando sono veramente necessarie. Ciò consente di risparmiare larghezza di banda, sia a livello del server che dell’utente. È possibile applicare il caricamento lento alle pagine selezionate o al sito.

Uno svantaggio con caricamento lento è che il contenuto che viene dopo il fold potrebbe non essere trovato dai motori di ricerca. I motori di ricerca potrebbero non riconoscere infiniti contenuti a scorrimento. Per ovviare almeno in parte a questo inconveniente, dobbiamo strutturare gli URL in modo che possano essere elaborati dai motori di ricerca. Ciò può rendere i segnaposto più visibili ai motori di ricerca fino al caricamento dell’immagine.

Esistono numerosi plug-in che possono essere caricati in modo pigro per funzionare sul tuo sito Web WordPress. Diamo un’occhiata ad alcuni dei plugin popolari,

BJ Lazy Load

Per sostituire tutte o parte delle immagini dei tuoi post, pubblica miniature, immagini gravatar e iframe di contenuti con un segnaposto, usa BJ Lazy Load. Può anche sostituire gli iframe e questo significa che puoi caricare i video incorporati da YouTube e Vimeo in modo pigro. Funziona anche con widget di testo. Utilizzando un semplice filtro, le immagini e gli iframe nel tuo tema possono essere ritardati.

bj-lazy-carico

Per far funzionare il plugin sul tuo sito web, scarica, installa e attiva. È quindi possibile visitare le impostazioni e capire quali elementi devono essere ritardati durante il caricamento. Aggiungi la tua immagine segnaposto, se lo desideri.

Questo plugin utilizza JavaScript. Di conseguenza, un visitatore senza JavaScript vedrà gli elementi originali senza alcun caricamento ritardato.

Carico pigro

Un plug-in comunemente usato per aggiungere il caricamento lento ai siti Web WordPress, Carico pigro è una semplice installazione e attivazione plugin. Puoi provarlo con fiducia, sapendo che è stato sviluppato utilizzando una miscela di codice dal team VIP di WordPress.com presso Automattic, il team di riprogettazione TechCrunch 2011 e Jake Goldman (10up LLC).

lazy-carico

Inoltre, non è necessario fare altro dopo l’attivazione. Tuttavia, se si desidera apportare alcune modifiche, è possibile farlo modificando il file php. Gli autori hanno fornito alcuni utili frammenti di codice a cui puoi fare riferimento per modificare l’immagine del segnaposto, per caricare le immagini in modo pigro nel tuo tema o per caricare in modo pigro tutte le immagini tramite buffering dell’output.

Ajax Carica altro – Scorrimento infinito

Ajax Carica altro è adatto per il caricamento ritardato su pagine Web lunghe visualizzate scorrendo verso il basso. Usalo per post di caricamento pigri, tipi di post personalizzati, post singoli, pagine e commenti.

ajax-carico più

Inoltre, puoi utilizzare Shortcode Builder per inquadrare query personalizzate di WordPress. Aggiungi lo shortcode generato alle pagine selezionate tramite l’editor dei contenuti o direttamente ai file modello. Visualizza la pagina dal front-end e controlla Ajax Carica altro caricando il contenuto anche mentre scorri verso il basso.

Inoltre, Ajax Load More funziona perfettamente con WooCommerce e Easy Digital Download, quindi è adatto per lunghe pagine di prodotti.

Carico pigro per i video

Se stai gestendo un sito Web che include numerosi video incorporati, questo è per te. Carico pigro per i video sostituisce i tuoi video incorporati con un’immagine cliccabile. La pagina Web non carica i video non appena un visitatore chiama la pagina. I video vengono caricati solo quando si fa clic sull’immagine.

lazy-load-per-video

Il plug-in controlla i video incorporati e sostituisce tutti i file esterni con un’immagine statica e un pulsante di riproduzione. I video vengono caricati solo quando un visitatore fa clic sul pulsante. Ciò può avere un impatto reale sulla velocità di caricamento della pagina, soprattutto se contiene molti video. E per l’utente, è un’esperienza piacevole.

a3 Carico pigro

Poiché i siti Web vengono sempre più visualizzati su dispositivi portatili, devono essere ottimizzati anche per un’esperienza mobile. a3 Carico pigro è progettato per migliorare la velocità del sito sui cellulari ritardando il caricamento degli elementi della pagina selezionati. Gli elementi possono essere selezionati nelle impostazioni dell’amministratore.

a3-lazy-carico

Il plug-in offre supporto per il contenuto in iframe posizionati ovunque nel contenuto o nei widget. Media incorporati di WordPress, caselle Mi piace di Facebook con profili, pulsanti Mi piace, pulsanti Consiglia, profili Google+, Google Maps e altri contenuti multimediali simili possono essere selezionati per il caricamento lento.

Inoltre, non vi è alcun conflitto con Accelerated Mobile Pages (AMP) – il caricamento lento non viene applicato a / amp endpoint. È solo quando il browser mostra un URL senza / amp quel carico pigro entra in gioco.

WP YouTube Lyte

Se il tuo sito Web attinge fortemente su YouTube, WP YouTube Lyte può esserti di grande beneficio. Inserisce “Lite YouTube Embed” che sembrano simili agli incorporamenti di YouTube. Ma i video sono richiesti solo quando si fa clic su.

wp-youtube-Lyte

Per far funzionare questo plugin sul tuo sito Web, è necessaria una registrazione con YouTube come nuovo richiedente. Il plug-in utilizza l’API YouTube di ciascun video per recuperarlo dal repository YouTube. Per utilizzare quell’API sul tuo sito Web, è necessario abilitare la chiave API fornita da YouTube. La chiave del server che ricevi da YouTube deve essere compilata.

Dopo aver abilitato le chiavi API di YouTube, regola le impostazioni per ottenere le dimensioni e la posizione del giocatore a tuo piacimento.

Pagina di caricamento con schermata di caricamento

Con Pagina di caricamento con schermata di caricamento, gli utenti possono avere un’idea dei tempi di attesa prima che la pagina venga caricata. Il plug-in visualizza una schermata che mostra l’avanzamento del caricamento in percentuale del completamento.

carico-page-con-carico-screen

Scegliere di visualizzare i progressi solo sulla home page o su tutte le pagine. Con la versione gratuita, per la visualizzazione viene utilizzata solo una barra di avanzamento. Per ulteriori opzioni, dovrai eseguire l’aggiornamento a la versione premium. Inoltre, la versione premium applica il caricamento lento alle immagini.

Alcuni plugin aggiuntivi,

  • Carica altro è una funzione utile nelle lunghe pagine dei prodotti. Questi si trovano comunemente sui siti Web di WooCommerce. WooCommerce Infinite Scroll e Ajax Pagination converte l’impaginazione del prodotto predefinita in scroll infinito o l’impaginazione Ajax. Per l’utente, ciò significa che non devono fare ripetutamente clic su “Pagina successiva”. Quando un utente raggiunge la fine della pagina, il set successivo di prodotti viene automaticamente recuperato e caricato. Sono disponibili diverse opzioni di impaginazione per i dispositivi mobili.
  •  Carica altri prodotti per WooCommerce può essere aggiunto per caricare più prodotti dalla pagina successiva utilizzando Ajax con scorrimento infinito o un pulsante Carica altro. Per effetti di animazione e personalizzazione, una versione pro è disponibile.
  • Immagini Lazyload e Slideshow – Con questo plugin, puoi scegliere di aggiungere un effetto lightbox o un effetto galleria personalizzato a qualsiasi immagine, oltre a ritardare il caricamento. Viene fornito con 3 effetti e puoi anche aggiungere i tuoi.
  • Rocket Lazy Load – È estremamente leggero (meno di 2kb). Inietta un po ‘di Javascript nell’intestazione del tuo sito che funziona su miniature, tutte le immagini in un post, in un widget di testo o avatar. Ritarda le immagini a livello di sito senza utilizzare alcuna libreria JavaScript come jQuery.
  • Crazy Lazy – Fa lo stesso lavoro pur essendo leggero, facile da installare e utilizzare e non necessita di impostazioni. Qualsiasi immagine può essere esclusa semplicemente aggiungendo un attributo all’immagine.
  • Lazy Load XT – È un plugin veloce che funziona per immagini, cornici, video di YouTube e Vimeo. È completamente personalizzabile.

A molti cursori piace Royal Slider Carosello elettrico WP incorporare anche il principio del caricamento lento per caricare le immagini. Event Booking Pro supporta un calendario di caricamento lento.

In conclusione

Il caricamento lento è un modo efficace per migliorare la velocità del sito, in particolare sui siti Web che presentano numerose immagini e video. Esistono molti altri metodi, come l’ottimizzazione delle immagini e la memorizzazione nella cache, che possono anche aiutare a migliorare la velocità del sito. Scegli il plug-in adatto al tuo sito Web e ottimizza le prestazioni per renderlo un’esperienza migliore per l’utente.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map