Come aggiungere facilmente il caricamento pigro dei video in WordPress

I video sono fantastici per aumentare l’engagement degli utenti sul vostro sito web. Ma incorporarli può rendere il caricamento del sito più lento, il che non è positivo per i visitatori.

Un modo per correggere questo problema è utilizzare il lazy loading per i video.

Lazy loading aiuta il sito a caricarsi più velocemente caricando i video solo quando vengono visualizzati. In questo modo la pagina non si abbassa caricando tutti i video in una volta sola. È un trucco semplice che può migliorare le prestazioni del sito.

In questa guida vi mostreremo come aggiungere facilmente il lazy loading per i video in WordPress.

Cos’è il Lazy Loading e come funziona il Lazy Loading per i video?

Il lazy loading è una tecnica che ritarda il caricamento degli elementi non essenziali di una pagina web fino a quando non sono necessari. Per i video, ciò significa che vengono caricati solo quando vengono visualizzati.

Quando si incorpora un video sul sito, è necessario caricare script e file esterni aggiuntivi. Questo carico supplementare può influire negativamente sulle prestazioni del sito web.

Il video lazy loading aiuta a sostituire i video incorporati di YouTube e Vimeo con un’immagine di anteprima cliccabile. Quando i visitatori cliccano sull’immagine, il video viene caricato e riprodotto.

Poiché le immagini hanno dimensioni molto più ridotte rispetto ai video, la tecnica del lazy loading migliora notevolmente la velocità della pagina.

Ora che ne conoscete i vantaggi, vediamo come fare il lazy loading dei video di YouTube e Vimeo in WordPress.

Video tutorial

Subscribe to WPBeginner

Se preferite le istruzioni scritte, continuate a leggere.

Come aggiungere il lazy loading per i video in WordPress

Per aggiungere il lazy loading ai video, la prima cosa da fare è installare e attivare il plugin Lazy Load for Videos.

Questo plugin funziona immediatamente e non è necessario modificare alcuno script o codice jQuery per il lazy loading.

Per verificare se il lazy loading funziona, è sufficiente visualizzare una pubblicazione o una pagina contenente un video di YouTube o Vimeo. Si noterà che una miniatura del video e un pulsante di riproduzione sostituiscono i player predefiniti.

Facendo clic sull’immagine, il video viene caricato e riprodotto.

Si potrebbe notare un breve ritardo nel caricamento del video, ma è del tutto normale. Non preoccupatevi: il lazy loading funziona benissimo.

Ora, si noti che anche se questo plugin funziona subito, ci sono delle impostazioni che si possono configurare in base alle proprie esigenze. Nella schermata dell’editor di pubblicazioni, è possibile scegliere la qualità dell’immagine in evidenza per gli incorporamenti di video di YouTube.

A lato della qualità delle miniature, sono disponibili altre opzioni personalizzate.

È possibile andare su Impostazioni ” Caricamento pigro dei video per verificare e regolare queste opzioni.

Nella scheda “Generale/Styling” è possibile personalizzare l’aspetto delle miniature dei video. È possibile abilitare la modalità responsive, scegliere lo stile del pulsante di riproduzione, utilizzare CSS personalizzati e persino abilitare il markup di schema.org.

Questo plugin supporta sia YouTube che Vimeo. È possibile trovare le impostazioni specifiche del provider facendo clic sulle rispettive schede.

Nella scheda “YouTube” è possibile scegliere il colore della barra di avanzamento, disabilitare i cookie, nascondere le annotazioni e altro ancora. È anche possibile disabilitare il caricamento pigro dei video di YouTube.

Analogamente, nella scheda delle impostazioni di Vimeo è possibile scegliere i colori di controllo, nascondere o visualizzare il titolo del video e disabilitare il caricamento pigro dei video di Vimeo.

Se sono state apportate modifiche a queste impostazioni, non dimenticate di fare clic sul pulsante “Salva modifiche” in basso per non perdere i progressi.

Suggerimento bonus: Non caricare mai video su WordPress

Prima di approfondire il motivo per cui dovreste evitare di caricare video sul vostro sito WordPress, chiariamo la differenza tra uploader e incorpora.

Caricare un video significa memorizzare i file del video direttamente sul sito, in modo simile a come si memorizzano le immagini nella libreria dei media di WordPress. Lo sconsigliamo vivamente.

D’altra parte, l’incorporamento di un video comporta innanzitutto il suo caricamento su un sito di terze parti, come YouTube. Quindi si incorpora il video sul proprio blog, consentendo di visualizzarlo sul proprio sito web mentre viene memorizzato altrove. Consigliamo vivamente di incorporare i video ogni volta che è possibile.

Per approfondire i vantaggi dell’incorporazione invece del caricamento dei video su WordPress, potete fare riferimento alla nostra guida sul perché non dovreste mai caricare un video su WordPress.

Speriamo che questo articolo vi abbia aiutato ad aggiungere il lazy loading per i video in WordPress. Successivamente, potreste voler selezionare la nostra guida definitiva alla velocità e alle prestazioni di WordPress o come impostare una soluzione CDN per WordPress per aumentare la velocità del vostro sito web.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.