WpGuida

Guida Wordpress è una raccolta di tutorials e guide su temi, plugin e sviluppo in wordpress

  • Home
  • Notizie
  • Guide
    • Guida WordPress – Le Basi
    • Guida WordPress Avanzata
    • Guida W3 Total Cache
  • Tutorials
    • Ottimizzare WordPress
    • WordPress Plugins
    • WordPress Temi
    • WordPress Development
  • Tips and Tricks
  • Hosting WordPress
  • Software
  • Velocizzare WordPress
Ti trovi qui: Home / Ottimizzare Wordpress / Come implementare il lazy loading dei video su WordPress

Come implementare il lazy loading dei video su WordPress

28 Luglio 2015 di Dario Vinci Lascia un commento

Negli ultimi anni molti webmaster, in seguito all’esplosione di successo ottenuta da YouTube, hanno ampliato la loro “offerta” introducendo dei video blog o tutorials da affiancare ai contenuti testuali.

Quello che però pochi a mio avviso hanno notato è che l’embedding (ovvero l’inserimento) di questi player all’interno delle pagine determina il caricamento di script esterni che nel complesso vanno ad appesantire le nostre pagine di circa 300kb.

Ragionando in maniera superficiale saremmo portati a pensare che 300kb sono pochissimi ma se avete dato uno sguardo all’articolo velocizzare WordPress vi renderete subito conto che quelli che a prima vista possono sembrare pochi kb in realtà non lo sono e possono fare la differenza in termini di prestazioni.

Per far fronte a questo problema é stato introdotto il concetto di lazy loading. In inglese il termine lazy significa pigro. Con Lazy Loading (caricamento pigro) si intende quindi un download di script on demand, ovvero solamente quando essi sono effettivamente necessari per il prosieguo dell’applicazione.

Il lazy loading può essere applicato a diversi tipi di file ma per fare in modo che i nostri video usufruiscano di questa funzione avremo bisogno del plugin gratuito Lazy Load for Videos.

Lazy loading for videos

Plugin WordPress per implementare il lazy loading dei video di YouTube e Vimeo

Scarica

In poche parole questo plugin non fa altro che rimpiazzare il player di vimeo o youtube con una immagine di preview. Il caricamento del player e dei relativi script si verificherà solo dopo che l’utente ha cliccato sull’immagine.

Una volta installato, troverete la pagina delle impostazioni andando su Impostazioni–>Lazy Load for Videos. Sono disponibili numerose opzioni come la possibilità di far precedere il video da un video introduttivo, modificare (nei limiti del possibile) il design del player, mostrare o nascondere il titolo del video etc…

Per vederlo in azione potete dare uno sguardo al sito web dello sviluppatore. Io su wpguida utilizzo wprocket, un plugin per la cache che include già una funzione per il lazy loading dei video.

Per qualsiasi dubbio o per chiarimenti lasciate pure un commento!

Archiviato in:Ottimizzare Wordpress, Wordpress Plugins Contrassegnato con: Plugin Wordpress, Velocizzare WordPress

Dario Vinci

Appassionato di Wordpress e del mondo tecnologico in generale, proud to be an apple fanboy and android lover.

Ti è piaciuto questo articolo?

Se vuoi ricevere via email tutti i miei nuovi articoli e tutorials su WordPress compila il box qui a fianco. Tranquillo, non riceverai alcuna email di spam ma solo contenuti di qualità!

Cerca

Facebook

WpGuida

Newsletter

Scarica ebook Guida Wordpress 4.x

Potrebbe Interessarti

WordPress 4.2 Changelog: addio schermata di aggiornamento

23 Aprile 2015 da Dario Vinci

Aggiornare temi wordpress e plugin wordpress

Aggiornare temi WordPress e Plugin

29 Novembre 2014 da Dario Vinci

Plugin Wordpress

I Plugin WordPress

17 Agosto 2014 da Dario Vinci

Disabilitare le emojis in wordpress

Come disabilitare le emojis in WordPress

12 Luglio 2015 da Dario Vinci

Configurare Wordpress - Le impostazioni iniziali

Configurare WordPress

6 Agosto 2014 da Dario Vinci

Random Post

configurare wordpress seo by yoast

Configurare WordPress SEO by Yoast

Configurare Wordpress - Le impostazioni iniziali

Configurare WordPress

Creare un plugin wordpress per il tuo sito

Creare un plugin wordpress per il tuo sito

Copyright © · 2019 WpGuida