Il metodo più efficiente per incorporare video su WordPress

Ah, ricordi i giorni in cui le connessioni dial-up e Edge (2G) erano un lusso e guardare video su YouTube sembrava mettere alla prova la nostra pazienza?

Se non avessi una connessione Internet super veloce, faresti clic sul pulsante di riproduzione del tuo video preferito, metterai in pausa e lo lascerai caricare e bufferizzare. Nel frattempo, sei andato a prepararti una tazza di caffè. Quando sei tornato, se sei stato abbastanza fortunato, il video sarebbe stato trasmesso in streaming senza interruzioni in una volta sola, altrimenti potresti dover soffrire di buffering.

Ma la cosa migliore ora è che ciò non accade più e le connessioni Internet veloci sono diventate la nuova normalità. Grazie alla tecnologia 5G, ora le persone possono guardare senza problemi i video di YouTube anche con risoluzione 4K.

Scenario attuale di utilizzo dei video sul sito web

Per questo motivo, anche l’incorporamento di video nei siti Web è diventato predominante. Dopotutto, i video offrono un modo più coinvolgente per comunicare e migliorare l'esperienza dell'utente.

Alcune persone si spingono ancora oltre utilizzando i video come sfondo completo del proprio sito Web per aggiungere un elemento dinamico e visivamente accattivante al design del proprio sito Web.

Poiché questa strategia si è rivelata più efficace nel catturare e mantenere l'attenzione dei visitatori, si è rivelata una pratica standard per chiunque incorporare video nei propri siti WordPress.

Ma il fatto è che non tutti lo fanno bene. La maggior parte di loro non conosce il modo giusto per incorporare video su WordPress e di conseguenza finisce per rallentare la velocità del proprio sito web.

Non è un'affermazione inventata; preferiamo lasciare che siano i numeri e i risultati a dire la verità.

WordPress con video: test Core Web Vital

Andiamo subito ai test e ai risultati, senza trascinarci o vantarci oltre.

Innanzitutto, a scopo di test, abbiamo preso un sito Web WordPress semplice ed elementare, senza video e grafica, e l'abbiamo provato.

I risultati sono stati i seguenti:

• Puoi vedere che il punteggio è stato del 100% con un segnale verde e tutte le metriche mostrano risposte positive sia per dispositivi mobili che per desktop.

Ma quando abbiamo aggiunto un video di YouTube alla home page del sito WordPress e abbiamo eseguito nuovamente il test. I risultati sono stati sorprendenti;

• Solo per un singolo video, il punteggio è sceso al 65% e tutti gli altri parametri hanno seguito lo stesso. È stato abbassato drasticamente del 35%, una tendenza che potrebbe peggiorare con l'aggiunta di più video.

Ora potresti pensare: qual è la soluzione?

Di cosa hai bisogno per risolvere questo problema?

L'approccio diretto a cui potresti pensare è quello di non utilizzare alcun video sul sito, ma questo non è l'approccio giusto. I video hanno il loro valore e migliorano anche l'esperienza dell'utente del sito web. Quindi, non puoi semplicemente ignorarli solo per aumentare la velocità del tuo sito web.

1. Scegli una piattaforma di hosting video rinomata

Innanzitutto, sarebbe fantastico se ospitassi o caricassi video su una piattaforma di hosting video gratuita come YouTube, Vimeo o Wistia, anziché ospitarli sul tuo server web. Non solo salverà le risorse del tuo server, ma ridurrà anche il carico su di esso e non influirà sulla velocità del server.

Queste piattaforme di hosting video sono ben ottimizzate per la distribuzione di video e possono gestire la larghezza di banda richiesta per lo streaming di video.

Nota : a parte le piattaforme di hosting video gratuite, se desideri creare il tuo sito web di video tube utilizzando WordPress, nessun'altra piattaforma di hosting video privata può battere la piattaforma di hosting video dedicata di WPOven in termini di quasi tutto.

2. Incorpora video di YouTube senza cookie

Potresti essere sorpreso di sapere che, oltre all'incorporamento standard di YouTube, è disponibile anche una versione speciale chiamata youtube-nocookie.com.

Incorporare video di YouTube dalla versione standard porta con sé molti altri elementi indesiderati come cookie, script, ecc., che non sono necessari. Pertanto, per renderlo più efficiente, YouTube ha introdotto la versione youtube-nocookie.com, che è più leggera e non influisce in modo significativo sul punteggio di velocità della pagina.

Ecco alcuni fatti interessanti su Youtube-nocookie.com

• È un dominio alternativo per incorporare video di YouTube.
• Questo dominio viene utilizzato per incorporare video senza impostare cookie a scopo di tracciamento.
• Il normale incorporamento di YouTube (youtube.com) può impostare cookie sul browser dello spettatore.
• Il dominio "youtube-nocookie.com" serve il player incorporato senza impostare alcun cookie.
• È utile per i siti Web che danno priorità alla privacy dell'utente e mirano a ridurre al minimo l'utilizzo dei cookie.
• L'utilizzo di "youtube-nocookie.com" garantisce che i video incorporati non contribuiscano al tracciamento non necessario dei visitatori del sito.

Tutto ciò di cui hai bisogno è semplicemente modificare l'URL di un video di YouTube sostituendo "youtube.com" con "youtube-nocookie.com" e sei pronto per partire.

3. Utilizza i plugin LazyLoad

Il caricamento lento è una delle migliori tecniche per ottimizzare la velocità del sito Web semplicemente rinviando determinati elementi di un sito Web. Il plug-in ritarda il caricamento di elementi come immagini o video finché l'utente non li ha visualizzati o non li ha visualizzati.

Ecco come accade:

• Il plug-in di caricamento lento esegue la scansione del contenuto della pagina Web al momento dell'inizializzazione.
• Monitora continuamente la porzione del sito visibile all'utente.
• Quando gli elementi contrassegnati per il caricamento lento stanno per entrare nel viewport dell'utente, il plugin ne avvia il caricamento.
• Quando gli utenti accedono al viewport, gli elementi vengono caricati dinamicamente, spesso utilizzando JavaScript, senza richiedere il ricaricamento dell'intera pagina.
• I plugin di caricamento lento utilizzano JavaScript per caricare dinamicamente il contenuto nella pagina Web mentre l'utente interagisce con esso.
• I plugin danno priorità al caricamento in base alla posizione o all'importanza degli elementi, garantendo un'esperienza utente fluida e riducendo i tempi di caricamento iniziali e l'utilizzo della larghezza di banda.

Nota: questo approccio presenta alcune limitazioni. Il plugin di caricamento lento non funziona se i video sono posizionati nella prima piega ma funziona meglio quando i video sono visibili sotto la prima piega.

Leggi: 22 modi migliori per accelerare le prestazioni di WordPress

4. Tecnica della facciata

L'approccio Facade è uno dei modi intelligenti per implementare la tecnica di caricamento lento. In questo approccio, inizialmente utilizzi un segnaposto di immagine statica al posto del video. Questa immagine in genere somiglia alla miniatura del video con un pulsante di riproduzione sovrapposto.

Quando l'utente fa clic sul pulsante di riproduzione in sovrapposizione, viene visualizzata una finestra popup e il video vero e proprio inizia a caricarsi nella stessa finestra popup.

Per riferimento e per una migliore comprensione, ecco un esempio.

Questo approccio è abbastanza efficace e non sovraccarica il tuo sito WordPress con video di YouTube a meno che non sia richiesto.

Se questo approccio lightbox non è adatto a te, utilizza un popolare plugin WordPress chiamato "LazyLoad Plugin". Funziona con oEmbed e sostituisce i video YouTube e Vimeo incorporati con un'immagine di anteprima cliccabile.

Riepilogo

Ora riassumiamo ciò che abbiamo menzionato nel post precedente. Senza dubbio, i video sono uno dei modi migliori e più interattivi per condividere informazioni. Tuttavia, nessuno vuole pagare questo prezzo per rallentare il proprio sito web.

Ma fortunatamente, ci sono alcuni suggerimenti e trucchi che abbiamo già menzionato, che possono fare miracoli per il tuo sito web senza comprometterne la velocità e le prestazioni. Quindi, segui questi suggerimenti e aumenta la velocità del tuo sito web per raggiungere un punteggio di 100. Provalo e vinci la gara.

Rahul

Rahul Kumar è un appassionato del web e stratega dei contenuti specializzato in WordPress e web hosting. Con anni di esperienza e l'impegno a rimanere aggiornato sulle tendenze del settore, crea strategie online efficaci che indirizzano il traffico, aumentano il coinvolgimento e aumentano le conversioni. L'attenzione ai dettagli e la capacità di creare contenuti accattivanti di Rahul lo rendono una risorsa preziosa per qualsiasi marchio che desideri migliorare la propria presenza online.