PageSpeed e video:
gli errori più comuni e come evitarli

Ma c'è un problema: l'effetto sul tuo punteggio PageSpeed è come essere bloccati su una connessione 3G—tutto rallenta. Rallenta davvero. Se i tuoi visitatori se ne accorgono, è semplicemente irritante. E a volte non se ne rendono nemmeno conto—ma Google sì, eccome. Molti siti web perdono 20–40 punti su Google PageSpeed Insights solo a causa di video integrati male. Il vero problema? Il tuo sito si posiziona peggio e i visitatori non hanno nemmeno la possibilità di cliccare.

La buona notizia: non deve per forza essere così—puoi tenere i tuoi video senza sacrificare la velocità o immergerti in un manuale tecnico. In questo articolo, prima spiegheremo perché i video spesso rallentano il tuo sito—ok, diventerà un po' tecnico—ma resta con me. Dopo, ti mostrerò cosa puoi fare. E sì, risolvere il problema potrebbe richiedere un po' di tecnica, ma prometto, è fattibile.

Perché i video possono uccidere il tuo PageSpeed

I video non sono esattamente degli asset leggeri. Anche un singolo video può facilmente pesare diversi megabyte—soprattutto se lo butti sul tuo sito senza alcuna ottimizzazione. Certo, puoi ridurre la dimensione del file scegliendo il formato giusto e comprimendolo correttamente, ma questa è solo una parte della storia.

Non è solo la dimensione del file a rallentare la velocità della tua pagina. Ci sono diversi altri motivi per cui i video possono trasformare il tuo sito in una lumaca:

1. Autoplay e Preload Quando attivi autoplay o preload, il video inizia a caricarsi non appena la pagina viene aperta—che l'utente lo guardi o meno. L'autoplay di per sé non è necessariamente un male, ma devi usarlo con criterio. Se inizia a riprodursi prima di essere visibile all'utente, stai solo sprecando banda.
2. Nessun Lazy Load In parole semplici significa: il player video si carica immediatamente, anche se si trova in fondo alla pagina e il visitatore non ha ancora scrollato fino a quel punto. Combinato con l'autoplay, è un vero killer per la velocità della tua pagina.
3. I Core Web Vitals ne risentono I video impattano metriche di performance chiave come: LCP (Largest Contentful Paint): Quanto velocemente si carica l'elemento visibile più grande—spesso, è proprio il tuo video. CLS (Cumulative Layout Shift): Quando il player video si carica all'improvviso e sposta il contenuto, crea un'esperienza utente fastidiosa. (Non preoccuparti, approfondiremo questi termini nella prossima sezione.)
4. Piattaforme video statunitensi: comode ma pesanti Incorporare video dai famosi servizi statunitensi sembra facile, ma è tutt'altro che leggero. Perché? Perché questi player caricano una marea di script esterni per font, tracking e cookie. In più, se vuoi essere conforme al GDPR, spesso hai bisogno di una soluzione a doppio clic prima ancora che il video parta. Per i più tecnici: Google Lighthouse segnala tipicamente questo con messaggi come: "Eliminate render-blocking resources" oppure "Reduce JavaScript execution time"
5. L'hosting web standard fatica con i video Anche se il tuo hosting include "traffico illimitato", la banda è spesso limitata. Se più visitatori avviano video in autoplay contemporaneamente, il tuo sito rallenterà notevolmente. (Abbiamo un'intervista che approfondisce perché l'hosting standard non è ideale per i video.)
6. Più video su una singola pagina Se aggiungi più video a una singola pagina, moltiplichi il problema. Tutti i caricamenti pesanti, l'autoplay e gli script di tracking si accumulano, e il tuo punteggio PageSpeed crolla a picco.

In sintesi:

Un video ben posizionato può rendere il tuo sito fantastico, comunicare meglio il tuo messaggio e persino aumentare le conversioni. Ma se non lo ottimizzi nel modo giusto, è un biglietto di sola andata verso tempi di caricamento lenti e utenti frustrati.

Un passo indietro: cosa misura davvero il punteggio PageSpeed (e perché è importante)

Se hai mai usato Google PageSpeed Insights o Lighthouse, sai che il risultato finale è un numero tra 0 e 100. Più ti avvicini a 100, migliore è l'esperienza utente—almeno secondo Google.

Quello che molti non sanno: il punteggio tiene conto dell'intero sito web, non solo dei video. Abbiamo già toccato alcuni punti chiave relativi ai video. Ora diamo un'occhiata più da vicino ad alcuni degli aspetti più importanti.

1. LCP (Largest Contentful Paint)

Cosa misura?

Il tempo necessario affinché l'elemento visibile più grande venga caricato. Nelle pagine con video, spesso si tratta del player video stesso o di una miniatura grande.

Perché è importante?

Google considera l'LCP come un indicatore di quanto velocemente gli utenti possono vedere qualcosa sulla pagina. Più tempo ci vuole, più alto è il bounce rate—gli utenti se ne vanno prima ancora che il contenuto appaia.

2. CLS (Cumulative Layout Shift)

Cosa misura?

La quantità di spostamenti imprevisti del layout che avvengono durante il caricamento della pagina.

Perché è importante?

Non c'è niente di più irritante che provare a cliccare su un link e vederlo spostare all'improvviso perché un player video si carica e spinge tutto verso il basso. Google penalizza pesantemente questo comportamento—e onestamente, è giusto così.

Problemi tipici:

• Player video che compaiono nel layout dopo che il resto della pagina si è già caricato.
• Nessun placeholder fisso nell'HTML, che causa spostamenti del contenuto.

3. TBT (Total Blocking Time)

Cosa misura?

Il tempo durante il quale il browser è bloccato da script esterni, impedendo le interazioni dell'utente (come cliccare, scrollare o riprodurre il video).

Perché è importante?

Più lungo è questo periodo di blocco, meno interattiva risulta la tua pagina. Gli utenti si spazientiscono e se ne vanno perché non succede nulla.

Problemi tipici:

• Player esterni che caricano tonnellate di JavaScript.
• Script di tracking di fornitori terzi.

4. FID (First Input Delay)

Cosa misura?

Il ritardo tra la prima interazione dell'utente (come un clic) e il momento in cui la pagina risponde effettivamente.

Perché è importante?

Se il tuo player video impiega diversi secondi a reagire perché gli script si stanno ancora caricando in background, la sensazione è di lentezza e poca professionalità.

5. SI (Speed Index)

Cosa misura?

Quanto velocemente vengono visualizzate le parti visibili della pagina.

Perché è importante?

Se il tuo video è in primo piano e non è ottimizzato, trascina verso il basso l'intero Speed Index.

Problemi tipici:

• Il video si carica in modo sincrono anziché asincrono.
• Nessun Lazy Load o immagine di anteprima, quindi l'intero player si carica immediatamente.

6. INP (Interaction to Next Paint)

Cosa misura?

La reattività del tuo sito quando gli utenti interagiscono con esso.

Perché è importante?

Se gli utenti cliccano sul pulsante play e passano diversi secondi prima che il video parta, sembra che il pulsante sia rotto.

Problemi tipici:

• Player video non ottimizzati con avvio ritardato.
• JavaScript complesso che blocca la risposta.

E la lista continua...

Hai capito il concetto: È tutta una questione di tempi di caricamento, velocità e quando qualcosa succede sulla pagina. In pratica, anche un video ottimizzato può far scendere il tuo punteggio da 90 a sotto 50 se integrato in modo scorretto—con impatto negativo su SEO, tempi di caricamento ed esperienza utente.

E non colpisce solo la tua SEO. Spesso incide anche sulle performance delle tue intere campagne:

Tempi di caricamento più lunghi = bounce rate più alto = performance delle campagne peggiori = posizionamento più basso e costi più alti = meno efficienza e budget sprecato

È una reazione a catena: i video lenti non sono solo un problema tecnico—possono colpire direttamente il successo del tuo marketing.

Come posso ottimizzare il mio punteggio Lighthouse con i video sul sito?

La verità è che entrano in gioco molti fattori quando si tratta di ottimizzare il tuo punteggio Lighthouse con i video sul tuo sito web. Non si tratta solo di comprimere i file o scegliere il formato giusto—c'è un'intera lista di cose che possono fare la differenza sul tuo PageSpeed.

La buona notizia? Abbiamo molta esperienza con i video sui siti web, e a volte ci sono soluzioni molto specifiche per i problemi menzionati prima. Con la giusta configurazione e le giuste ottimizzazioni, puoi mantenere i tuoi video fluidi e veloci—senza sacrificare qualità o esperienza utente.

Nella prossima sezione, ti guiderò attraverso i passaggi pratici per risolvere i problemi più comuni e migliorare il tuo punteggio Lighthouse. Iniziamo.

Inoltre utile:

• Un player video "leggero" invece di 5 MB di JavaScript: Molti player video sono pieni di funzioni inutili, script di tracking e un sacco di codice superfluo di cui non hai davvero bisogno. Passare a un player snello e minimalista può migliorare drasticamente i tempi di caricamento e ridurre il consumo di banda.
• Caricamento consapevole dei video: Se un video si trova fuori dal viewport iniziale, non ha bisogno di caricarsi subito. Implementare il lazy loading garantisce che i video vengano scaricati solo quando l'utente scrolla fino a essi.
• Ottimizza i tuoi video in autoplay: I video in autoplay sono spesso solo decorativi o usati per impatto visivo. Non devono per forza essere lunghi. Video brevi e d'impatto da 5 a 15 secondi sono di solito sufficienti e molto più leggeri per il caricamento della pagina.

Solo queste misure possono migliorare il tuo punteggio PageSpeed di 20–30 punti—senza sacrificare la qualità video.

Consiglio Pro: un'alternativa a YouTube, Vimeo & Co.

Siamo onesti: Google non penalizzerà mai il player di YouTube. Stessa azienda. Si vogliono bene.

Ma questo non cambia il fatto che il player di YouTube è tutt'altro che ottimale in termini di performance. E non è solo una questione di velocità — ci sono anche altre limitazioni:

• Nessuna personalizzazione: sei bloccato con il loro branding e la loro interfaccia.
• Niente autoplay: buona fortuna a farlo partire in modo fluido.
• Flessibilità di formato limitata: o fai come dicono loro, oppure niente.
• Suggerimenti assurdi a fine video: a volte compaiono i contenuti dei tuoi competitor. Fantastico.

Potremmo continuare, ma hai capito il concetto.

E poi c'è la questione privacy...

YouTube è di proprietà di Google, e le altre piattaforme video statunitensi non sono molto meglio in termini di conformità al GDPR. Puoi provarle, ma ti renderai presto conto che hai sempre bisogno di una soluzione a doppio clic per farle funzionare. Questo significa che non tutti i tuoi visitatori guarderanno davvero i tuoi video. Anche se usi le opzioni "no tracking" o "senza cookie", dati personali come gli indirizzi IP possono comunque essere elaborati. Frustrante, vero?

Ma ci sono delle alternative:

1️⃣ Self-hosting – Come già detto, non è così semplice come sembra. Ti servono un player adeguato, lazy loading, un'immagine di anteprima, e così via. Ma onestamente, ha senso solo se hai poco traffico. Se il tuo sito riceve molti visitatori, il server può facilmente andare in sovraccarico.

2️⃣ Oppure usi soluzioni pensate specificamente per l'Europa e le sue esigenze di privacy.

Ed è esattamente per questo che abbiamo creato Ignite Video. Carichi il tuo video e integri il player. Non devi preoccuparti di nessuno dei problemi menzionati sopra.

È direttamente conforme al GDPR, senza cookie, tutto è in streaming adattivo, il player si adatta al tuo brand, è accessibile, i server sono in Germania, e stai supportando un'azienda locale invece di una multinazionale. Praticamente tutto è già gestito per te.

Ok, quasi tutto — dovresti comunque tenere d'occhio la durata del video. Ma a parte quello, è tutto in discesa.

Conclusione: I video sono fantastici — ma solo se sono implementati nel modo giusto.

La versione breve: non buttare i video sul tuo sito così come sono. Fai attenzione ai KPI chiave menzionati sopra. Non cercare di sistemare tutto in una volta. Inizia ottimizzando i formati, poi passa a un player video migliore. In alternativa, puoi affidarti direttamente a un provider professionale.

Puoi fare tutto da solo, ma attenzione — è piuttosto complesso.