Come aggiungere facilmente il caricamento pigro per i video in WordPress

Durante l'ottimizzazione dei siti web dei clienti, scopriamo spesso che i video incorporati sono una delle cause principali dei tempi di caricamento lenti delle pagine. Il problema è che i browser caricano l'intero lettore video immediatamente, anche se un visitatore non fa mai clic sul pulsante di riproduzione, il che può danneggiare notevolmente le prestazioni del tuo sito.

La soluzione è il caricamento pigro dei video (video lazy loading). Questa semplice tecnica sostituisce gli embed video pesanti con un'immagine di anteprima leggera. Abbiamo scoperto che questo può migliorare i tempi di caricamento delle pagine fino al 30% nelle pagine con molti video.

Se vuoi velocizzare il tuo sito WordPress senza rimuovere i tuoi contenuti video, allora sei nel posto giusto. Ti mostreremo i modi più semplici ed efficaci per aggiungere il caricamento pigro ai tuoi video.

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 incorpori un video da un sito come YouTube o Vimeo, il tuo browser deve caricare l'intero lettore video e tutti i suoi script associati. Questo aggiunge peso alla tua pagina e può davvero rallentare 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.

Tutorial video

Iscriviti a WPBeginner

Se preferisci istruzioni scritte, continua a leggere.

Come aggiungere il caricamento pigro per i video in WordPress

Per aggiungere il caricamento pigro 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.

E per vedere se il tuo caricamento pigro funziona, tutto ciò che devi fare è visualizzare 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.

Ora, tieni presente che anche se questo plugin funziona subito, ci sono comunque delle impostazioni che puoi configurare in base alle tue esigenze. Nella schermata dell'editor dei post, puoi scegliere la qualità della miniatura per gli embed dei 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 miniature 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 caricamento pigro 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.5, WordPress aggiunge automaticamente una forma base di lazy loading ai video. Dice al browser web di aspettare che il video sia vicino allo schermo prima di caricarlo.

Tuttavia, il metodo del plugin è ancora molto più efficace per la velocità. Il plugin impedisce il caricamento del pesante lettore video finché un visitatore non fa effettivamente clic sul pulsante di riproduzione. Il metodo integrato di WordPress carica ancora l'intero lettore, solo un po' più tardi.

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 fare riferimento alla nostra guida su perché non dovresti mai caricare un video su WordPress.

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.5, WordPress include il caricamento lazy nativo per i video. Tuttavia, attende solo il caricamento del player 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 posizionamento di Google. Accelerando le tue pagine, il caricamento lazy aiuta a migliorare i punteggi delle tue Core Web Vitals, il che può portare a un migliore posizionamento 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?

Raccomandiamo 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 performance.

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 performance 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 anche trovarci su Twitter e Facebook.