Caricamento pigro video su WordPress

Hai bisogno di caricare un video pigro su WordPress?

I media sono una strategia di grande impatto per rendere i tuoi contenuti eccitanti.

Cose come immagini e video possono davvero dare vita a ciò che hai da dire sul tuo sito web.

L'unico aspetto negativo è che i file multimediali sono grandi e richiedono più tempo per essere caricati rispetto al semplice testo.

Se utilizzi WordPress da un po' e hai posto l'accento sull'ottimizzazione della velocità e assicurandoti che tutte le tue pagine web si carichino il più velocemente possibile, probabilmente hai sentito parlare di caricamento lento.

Cosa diavolo è il caricamento pigro?

Il caricamento lento è il processo di ritardo del caricamento effettivo del contenuto fino a quando non diventa visibile nel viewport del visitatore. Il viewport è l'area del browser che il visitatore sta visualizzando mentre scorre la tua pagina web.

Sono disponibili molti plugin per WordPress che ti consentono di caricare in modo pigro le immagini all'interno di ogni pagina del tuo sito web. Ciò significa che se hai immagini che si trovano più in basso in una pagina web, non verranno caricate completamente fino a quando il visitatore non entrerà in contatto con quell'area della pagina.

Questo processo è estremamente potente per accelerare il tempo di caricamento di un URL nel tuo sito web.

Ci sono due fattori principali durante il caricamento di una pagina Web in relazione al tempo effettivo impiegato. Questo è il tempo di caricamento e il tempo di caricamento completo.

Si prega di vedere la spiegazione di seguito di quale sia la differenza tra ciascuno.

Che cos'è il tempo di caricamento?

Onload Time calcola la velocità quando l'elaborazione della pagina è completa e tutte le risorse su quella particolare pagina, come immagini, CSS e altre funzionalità hanno terminato il download.

Una volta completata, la pagina attiverà window.onload per completare i risultati della velocità. Il tempo di caricamento è una rappresentazione fedele della velocità con cui il tuo sito Web verrà caricato correttamente.

Tuttavia, uno dei principali difetti riscontrati con Onload Time è che alcuni elementi del caricamento della pagina potrebbero non arrivare in tempo prima dell'attivazione dell'evento trigger, come i file Javascript, i caroselli di immagini o la funzionalità/il contenuto è impostato su un ritardo, quindi carica in un ordine particolare.

Queste variabili causeranno tempi di caricamento della pagina incoerenti e potrebbero persino segnalare erroneamente che il tuo sito Web è più veloce/lento di quanto non sia in realtà.

Che cos'è il tempo a pieno carico?

Prendendo ciò che abbiamo appreso su "Tempo di caricamento", "Tempo di caricamento completo" adotta lo stesso identico processo per registrare la velocità della pagina, ma aggiungerà altri due secondi dopo l'attivazione del trigger "Caricamento" per assicurarsi che non vi siano ulteriori attività di rete. Il ragionamento alla base di ciò è garantire una maggiore coerenza con i test.

Un possibile problema con il test del tempo di caricamento completo è che questo evento si attiva solo quando una pagina interrompe completamente il caricamento dei contenuti, inclusi annunci e altre funzionalità.

Pertanto, se il tuo sito Web è stato caricato prima del punto di interruzione ed è ancora utilizzabile, lo strumento di test attenderà comunque che l'intero sito interrompa il caricamento dei dati, il che potrebbe nuovamente portare a risultati incoerenti dei test di velocità.

Hai il pieno controllo del tuo tempo di caricamento?

Di seguito è riportato un grafico semplice e piacevole per illustrare le cose di cui devi tenere conto quando un sito Web viene visitato e tutti i pezzi che si uniscono per decidere quanto velocemente si carica.

Come puoi vedere da questa immagine sopra, ci sono alcune cose che sono fuori dal tuo controllo. Ad esempio, la velocità del provider di servizi Internet della persona che visita il tuo sito Web è completamente fuori dal tuo controllo.

Se stai cercando di ottenere la massima velocità possibile dal tuo sito Web WordPress, devi concentrarti sulle cose su cui hai il controllo.

Ottimizzazione della velocità di WordPress Cose su cui hai il controllo

1. Ambiente di hosting
2. Aggiornamenti software
3. Tema attivo
4. Plugin attivi
5. Ottimizzazione dei contenuti

Torniamo a Lazy Load Video su WordPress

Quindi nell'elenco sopra sull'ottimizzazione della velocità di WordPress le cose che hai il controllo sull'ultimo elemento dell'elenco è l'ottimizzazione del contenuto.

Ciò significa garantire che tutto il contenuto del tuo sito Web sia stato ottimizzato per essere caricato il più velocemente possibile senza modificare alcuna funzionalità o visualizzazione del contenuto.

Esaminiamolo in dettaglio e consentiamoci di mostrarti la differenza di velocità rispetto a un video che è stato tradizionalmente incorporato come fa la maggior parte delle persone sul proprio sito Web e un video che è stato impostato per il caricamento lento.

L'esperimento inizia qui

Siamo andati avanti e abbiamo creato un'installazione predefinita di WordPress e al suo interno per separare le pagine.

Una pagina ha un video YouTube incorporato che è stato incorporato utilizzando l'opzione di incorporamento principale di WordPress nativa semplicemente inserendo il collegamento al video di YouTube nell'editor Gutenberg. Questo genera il video di YouTube incorporato nella pagina.

La seconda pagina è lo stesso video ma ha impostato un caricamento troppo lento, il che significa che il codice video effettivo non si avvierà e inizierà a funzionare fino a quando il visitatore non preme il pulsante di riproduzione.

Dai un'occhiata di seguito alle differenze sbalorditive tra i due processi di visualizzazione di un video nei tuoi contenuti WordPress.

Esempio di pagina video incorporata

L'immagine sotto è il test di visualizzazione della velocità eseguito su GTmetrix della pagina che aveva il tradizionale video di YouTube incorporato.

Si prega di prestare molta attenzione al tempo di caricamento e al tempo di caricamento completo di seguito.

L'immagine sotto è un elenco di processi che si sono verificati durante il caricamento di questa pagina. Si prega di prendere nota dell'importo totale delle richieste.

Esempio di pagina video di caricamento lento

L'immagine seguente è il test di visualizzazione della velocità eseguito su GTmetrix della pagina che conteneva il video lazy load incorporato.

Si prega di prestare molta attenzione al tempo di caricamento e al tempo di caricamento completo di seguito. Questo è inferiore a 1 secondo per il tempo di caricamento e il confronto con quello superiore a 1 per il video incorporato tradizionalmente.

Anche il tempo di caricamento completo è inferiore a 1 secondo rispetto al tempo di caricamento completo di oltre 3 secondi del video incorporato tradizionalmente.

Puoi vedere nella cascata del test di velocità di seguito che ci sono 21 richieste in meno che vengono chiamate durante il caricamento della pagina perché abbiamo caricato pigramente l'incorporamento del video.

Una delle cose migliori che puoi fare per velocizzare qualsiasi pagina web è abbassare la richiesta. Più richieste ha bisogno di una pagina per caricare significa che ci vorrà più tempo.

Gli script e gli stili necessari per caricare il video player avranno comunque luogo, ma non finché il visitatore non preme il pulsante di riproduzione sul video.

Questo è estremamente potente perché immagina se un visitatore arriva alla tua pagina e non riproduce nemmeno il video, significa che stai caricando risorse che non verranno mai utilizzate dal visitatore.

Ora sai che il video Lazy Load su WordPress è buono... COSA SUCCEDE?

Abbiamo già spiegato in precedenza che ci sono molti plugin di WordPress che ti permettono di caricare in modo pigro le immagini sul tuo sito web ma non ci sono molti plugin che ti permettono di farlo per i video.

Gli unici plug-in GRATUITI effettivi incentrati sul caricamento lento di video sul tuo sito Web WordPress sono il plug-in Lazy Load per i video e a3 Lazy Load di cui puoi saperne di più facendo clic sulle immagini qui sotto.

Esistono alcuni plug-in di ottimizzazione della velocità aggiuntivi che includono questa funzionalità che ti consentirà di caricare in modo pigro video o iFrame di YouTube. Vedi i nomi di questi plugin di seguito.

1. Swift Performance Pro
2. WP Rocket

I plugin non caricano pigri i video su WordPress

Nella maggior parte dei casi sarai in grado di utilizzare uno di questi plugin sopra menzionati per caricare video pigri su WordPress. Ci sono tuttavia situazioni in cui ciò che stai cercando di caricare in modo pigro non è compatibile con le funzioni di ciò che offrono questi plugin.

Questi plug-in WordPress per i video a caricamento lento spesso si integrano solo con YouTube e Vimeo. Esistono molte altre soluzioni di hosting video che potresti utilizzare.

È qui che abbiamo una soluzione alternativa che ti permetterà di prendere qualsiasi frammento di codice iFrame e trasformarlo in un capolavoro di caricamento lento sul tuo sito web.

Strumento GRATUITO SUPER COOL per caricare video pigri su WordPress

C'è un fantastico strumento online facile e gratuito da usare in cui puoi prendere qualsiasi URL abilitato per iFrame e impostare uno snippet di codice che verrà caricato in modo lento.

Questo pedaggio si chiama IFRAMELY e può essere utilizzato gratuitamente su https://iframely.com/embed

L'immagine seguente è uno screenshot dello strumento di incorporamento a IFRAMELY che ti aiuterà a generare il codice di incorporamento necessario per posizionare sul tuo sito Web e caricare video pigri su WordPress.

Sto solo concludendo

Ci auguriamo che questo post sia stato utile e che ti aiuti a capire l'aumento di velocità che puoi ottenere sul tuo sito Web WordPress quando decidi di caricare in modo pigro qualsiasi video che stai utilizzando nei tuoi contenuti.

Se hai domande su ciò che è stato discusso qui, non esitare a commentare di seguito.