Come aggiungere facilmente il caricamento pigro per i video in WordPress

Abbiamo recentemente aiutato il proprietario di una piccola impresa il cui sito web impiegava un'eternità a caricarsi. Abbiamo scoperto che diversi video di YouTube incorporati rallentavano tutto.

I tempi di caricamento lenti frustreranno i tuoi visitatori e danneggeranno il posizionamento sui motori di ricerca. Fortunatamente, il lazy loading dei video risolve questo problema caricando prima un'immagine di anteprima leggera.

Utilizziamo questa esatta tecnica sui nostri siti per mantenere le pagine velocissime. Ecco il modo più semplice per aggiungere il lazy loading per i tuoi video in WordPress.

Cos'è il caricamento pigro per i video e come funziona?

Il caricamento pigro è una tecnica che migliora le prestazioni e ritarda il caricamento delle parti non essenziali di una pagina web finché non sono effettivamente necessarie.

Normalmente, quando si incorpora un video da un sito come YouTube o Vimeo, il browser deve caricare l'intero lettore video e tutti i suoi script associati. Questo aggiunge un peso extra alla pagina e può rallentare notevolmente le prestazioni del tuo sito web.

Il caricamento pigro dei video risolve questo problema sostituendo il lettore video pesante con un'immagine di anteprima leggera e cliccabile (una miniatura). Il lettore video completo viene caricato solo dopo che un visitatore fa clic sul pulsante di riproduzione sull'immagine.

Poiché le immagini sono molto più piccole dei video, la tecnica del caricamento pigro migliora significativamente la velocità della pagina.

Ora che conosci i vantaggi, vediamo come caricare pigramente i video di YouTube e Vimeo in WordPress.

Come aggiungere il caricamento pigro per i video in WordPress

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

Questo plugin funziona subito, senza dover toccare una singola riga di codice.

Per verificare se il lazy loading funziona, visualizza semplicemente un post o una pagina che contiene un video di YouTube o Vimeo. Noterai che una miniatura del video e un pulsante di riproduzione sostituiscono i lettori predefiniti.

Quando fai clic sull'immagine, questa caricherà il video e lo riprodurrà.

Potresti notare un breve ritardo di un secondo quando il video viene caricato, ma è del tutto normale. Non preoccuparti; il caricamento pigro sta funzionando perfettamente.

Tieni presente che, sebbene questo plugin funzioni subito, puoi comunque configurare le sue impostazioni in base alle tue esigenze. Nella schermata dell'editor dei post, puoi scegliere la qualità della miniatura per gli incorporamenti di video di YouTube.

Oltre alla qualità della miniatura, sono disponibili ulteriori opzioni di personalizzazione.

Puoi andare su Impostazioni » Lazy Load for Videos per controllare e modificare queste opzioni.

Nella scheda ‘Generale/Stile’, puoi personalizzare l'aspetto delle anteprime video. Puoi abilitare la modalità responsive, scegliere lo stile del pulsante di riproduzione, utilizzare CSS personalizzato e persino abilitare il markup schema.org.

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

Nella scheda ‘YouTube’, puoi scegliere un colore per la barra di avanzamento, disabilitare i cookie, nascondere le annotazioni e altro ancora. Puoi persino disabilitare il lazy load per i video di YouTube.

Allo stesso modo, nella scheda delle impostazioni di Vimeo puoi scegliere i colori dei controlli, nascondere o visualizzare il titolo del video e disabilitare il lazy load per i video di Vimeo.

Se hai apportato modifiche a queste impostazioni, non dimenticare di fare clic sul pulsante ‘Salva modifiche’ in fondo per non perdere i tuoi progressi.

WordPress ha il caricamento lazy integrato per i video?

Potresti chiederti se hai bisogno di un plugin per questo, ed è un'ottima domanda. Dalla versione 5.7, WordPress aggiunge automaticamente una forma base di lazy loading ai video. Dice al browser web di attendere fino a quando il video non è vicino allo schermo prima di caricarlo.

Tuttavia, il metodo del plugin è ancora molto più efficace per la velocità. Il metodo integrato di WordPress carica ancora l'intero lettore video (inclusi pesanti script di tracciamento di terze parti da YouTube o Vimeo), solo un po' più tardi. Il plugin impedisce del tutto il caricamento di questi script esterni fino a quando un visitatore non fa effettivamente clic sul pulsante di riproduzione.

Per il massimo aumento di velocità, l'uso di un plugin che sostituisce il video con un'anteprima in miniatura è l'approccio migliore. 👍

Bonus: Incorpora sempre i video, non caricarli mai

Prima di approfondire perché dovresti evitare di caricare video sul tuo sito WordPress, chiariamo la differenza tra caricamenti e incorporamenti.

Caricare un video significa archiviare i file video direttamente sul tuo sito, simile a come archivi le immagini nella libreria multimediale di WordPress. Sconsigliamo vivamente questa pratica.

D'altra parte, incorporare un video implica prima caricarlo su un sito di terze parti come YouTube. Quindi incorpori il video sul tuo blog, permettendogli di essere visualizzato sul tuo sito web mentre è archiviato altrove. Raccomandiamo vivamente di incorporare i video ogni volta che è possibile.

Per saperne di più sui vantaggi dell'incorporamento anziché del caricamento di video su WordPress, puoi consultare la nostra guida su perché non dovresti mai caricare un video su WordPress.

Tutorial video

Iscriviti a WPBeginner

Domande frequenti sui video con lazy loading

Ecco alcune delle domande più comuni che i nostri lettori hanno sull'aggiunta del lazy loading per i video in WordPress.

1. WordPress esegue il lazy loading dei video per impostazione predefinita?

Sì, dalla versione 5.7, WordPress include il lazy loading nativo per i video. Tuttavia, attende solo di caricare il lettore video finché non è vicino allo schermo. L'utilizzo di un plugin che sostituisce il video con una miniatura è molto più efficace per migliorare la velocità.

2. Il caricamento lazy fa bene alla SEO?

Sì, il caricamento lazy è eccellente per la SEO. La velocità del sito è un fattore chiave di ranking di Google. Accelerando le tue pagine, il caricamento lazy aiuta a migliorare i punteggi dei tuoi Core Web Vitals, il che può portare a migliori posizionamenti nei motori di ricerca.

3. Il caricamento lazy dei video influenzerà le mie visualizzazioni su YouTube o Vimeo?

No, non influenzerà il conteggio delle visualizzazioni. Quando un visitatore fa clic sul pulsante di riproduzione sull'immagine di anteprima, viene caricato il lettore video ufficiale. La visualizzazione viene quindi conteggiata da YouTube o Vimeo come normalmente accadrebbe.

4. Qual è il miglior plugin per il caricamento lazy dei video?

Consigliamo il plugin ‘Lazy Load for Videos’ per la sua semplicità ed efficacia. Molti plugin di performance popolari, come WP Rocket, includono anche eccellenti funzionalità di caricamento lazy dei video come parte dei loro strumenti di ottimizzazione delle prestazioni.

Risorse aggiuntive per velocizzare il tuo sito

Speriamo che questo articolo ti abbia aiutato ad aggiungere il caricamento lazy per i video in WordPress. Se desideri conoscere altri modi per rendere il tuo sito web più veloce, ti consigliamo di consultare queste guide:

• La guida definitiva alla velocità e alle prestazioni di WordPress – Questa guida completa copre tutto ciò che devi sapere sull'ottimizzazione della velocità del tuo sito, dalla cache alla compressione delle immagini.
• Come configurare correttamente una CDN di WordPress – Scopri come una Content Delivery Network (CDN) può migliorare drasticamente i tempi di caricamento del tuo sito per i visitatori di tutto il mondo.
• Perché non dovresti mai caricare un video su WordPress – Un'analisi più approfondita dei motivi per cui incorporare video è sempre meglio per le prestazioni del tuo sito e l'esperienza utente.

Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.