Indice
In breve
- Un video pesante che parte automaticamente può peggiorare le principali metriche di prestazione. L’effetto reale va misurato sulla pagina interessata.
- Una bolla video può caricarsi senza bloccare la prima visualizzazione, ma questo non garantisce che i Core Web Vitals rimangano invariati.
- Prepara un messaggio breve che spieghi chi sei, come puoi aiutare e cosa può fare il visitatore dopo il video.
Il video può rallentare il tuo sito?
Dipende da come viene caricato e mostrato.

Un video di sfondo pesante che parte da solo può influire sui Core Web Vitals e consumare molti dati. Una bolla video può invece caricarsi dopo i contenuti essenziali. Le dimensioni esatte e l’effetto dipendono dall’integrazione, dal file video e dal dispositivo usato.
La differenza dipende soprattutto dall’implementazione.
I problemi di prestazione possono comparire quando un video o uno script blocca la visualizzazione, occupa il thread principale o sposta i contenuti dopo la loro comparsa. Gli attributi async e defer possono ridurre il blocco durante il caricamento, ma sono solo una parte della soluzione. La priorità delle risorse, la risposta del server, le dimensioni dei file, gli spazi riservati e il codice di terze parti influenzano anche LCP, INP e CLS. Misura quindi la pagina completa in condizioni reali.
Le misurazioni sono più utili delle affermazioni generiche.
Non esiste un valore universale documentato che indichi quanti millisecondi aggiunge un widget video su computer o smartphone. L’effetto può essere ridotto con uno script leggero e un video caricato in seguito, ma più evidente su un dispositivo meno potente o con una connessione lenta. Anche i player incorporati possono caricare altri script e sistemi di tracciamento. Confronta la pagina prima e dopo nelle stesse condizioni.
Le dimensioni del file video restano importanti.
Comprimi il video in base alle dimensioni reali con cui verrà mostrato e usa formati compatibili con i browser del tuo pubblico. Una risoluzione molto alta serve raramente in una piccola bolla. Non esiste un limite universale di cinque megabyte né un’unica risoluzione ideale. Adatta qualità, durata e frequenza dei fotogrammi al pubblico, poi prova soprattutto su smartphone e con una connessione più lenta.
Il widget influisce davvero sulla velocità della pagina?
Una bolla video può essere progettata per non bloccare la prima visualizzazione. Questo non significa però che il suo effetto sui Core Web Vitals sia sempre nullo.

CompleteGreet può caricarsi con async e defer, così il browser continua a elaborare la pagina mentre scarica lo script. Le altre risorse e il momento dell’inizializzazione devono comunque essere valutati.
Il risultato va misurato per LCP, INP e CLS sulla pagina reale e sui dispositivi pertinenti.
Le indicazioni di Google sui Web Vitals consigliano di evitare che il codice di terze parti blocchi i contenuti essenziali, ma non descrivono alcuna soluzione che garantisca prestazioni invariate.
Un file video può pesare diversi megabyte, mentre lo script è spesso molto più leggero. Le dimensioni esatte delle risorse di CompleteGreet vanno controllate nella scheda Rete del browser. Carica il video solo quando serve e confrontane il peso con quello degli altri contenuti multimediali pesanti della pagina.
Le misurazioni su smartphone possono essere molto diverse da quelle su computer a causa del processore, della rete e delle dimensioni dello schermo. Prova entrambi prima di pubblicare.
Alcune piattaforme inseriscono gli script nella parte alta della pagina, altre alla fine del documento o in un’integrazione gestita. Non spostare il codice senza seguire la relativa procedura di installazione. Controlla piuttosto se lo script blocca l’analisi del documento e se la sua posizione causa problemi.
#cg-ig-E5 {
max-width: 600px;
margin: 0 auto;
background: #f7f7fb;
border: 1px solid #e2e2ea;
border-radius: 12px;
padding: 24px;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif;
position: relative;
overflow: hidden;
}
#cg-ig-E5::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: #3D5ACE;
}
#cg-ig-E5 .cg-title {
font-size: 20px;
font-weight: 700;
color: #1a1a2e;
margin: 8px 0 20px 0;
text-align: center;
line-height: 1.3;
}
#cg-ig-E5 .cg-subtitle {
font-size: 14px;
color: #7a7a96;
text-align: center;
margin-bottom: 24px;
}
#cg-ig-E5 .cg-comparison {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 20px;
}
#cg-ig-E5 .cg-scenario {
background: #ffffff;
border: 1px solid #e2e2ea;
border-radius: 8px;
padding: 16px;
}
#cg-ig-E5 .cg-scenario-label {
font-size: 12px;
font-weight: 600;
color: #4a4a68;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 12px;
text-align: center;
}
#cg-ig-E5 .cg-timeline {
display: flex;
flex-direction: column;
gap: 8px;
}
#cg-ig-E5 .cg-timeline-row {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
}
#cg-ig-E5 .cg-bar {
height: 20px;
border-radius: 4px;
display: flex;
align-items: center;
padding-left: 8px;
font-size: 11px;
font-weight: 600;
color: #ffffff;
}
#cg-ig-E5 .cg-bar-html {
background: #3D5ACE;
width: 40%;
}
#cg-ig-E5 .cg-bar-css {
background: #5a7ae0;
width: 30%;
}
#cg-ig-E5 .cg-bar-js {
background: #7a9af0;
width: 25%;
}
#cg-ig-E5 .cg-bar-widget {
background: #E48333;
width: 20%;
margin-left: auto;
}
#cg-ig-E5 .cg-bar-async {
background: repeating-linear-gradient(45deg, #E48333, #E48333 4px, #f0954a 4px, #f0954a 8px);
width: 20%;
margin-left: auto;
opacity: 0.8;
}
#cg-ig-E5 .cg-time-label {
font-size: 11px;
color: #7a7a96;
min-width: 45px;
}
#cg-ig-E5 .cg-result-box {
background: #ffffff;
border: 1px solid #e2e2ea;
border-radius: 8px;
padding: 12px 16px;
text-align: center;
margin-top: 12px;
}
#cg-ig-E5 .cg-result-text {
font-size: 13px;
color: #4a4a68;
font-weight: 600;
}
#cg-ig-E5 .cg-result-highlight {
color: #3D5ACE;
}
#cg-ig-E5 .cg-features {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin: 20px 0;
}
#cg-ig-E5 .cg-feature {
text-align: center;
padding: 12px 8px;
background: #ffffff;
border-radius: 6px;
border: 1px solid #e2e2ea;
}
#cg-ig-E5 .cg-feature-icon {
width: 32px;
height: 32px;
background: #3D5ACE;
border-radius: 50%;
margin: 0 auto 8px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 14px;
font-weight: 700;
}
#cg-ig-E5 .cg-feature-label {
font-size: 12px;
color: #4a4a68;
font-weight: 600;
line-height: 1.3;
}
#cg-ig-E5 .cg-cta {
text-align: center;
margin-top: 16px;
}
#cg-ig-E5 .cg-cta-link {
display: inline-block;
font-size: 14px;
color: #3D5ACE;
text-decoration: none;
font-weight: 500;
padding: 8px 16px;
border-radius: 6px;
transition: background 0.2s;
}
#cg-ig-E5 .cg-cta-link:hover {
background: rgba(61, 90, 206, 0.08);
}
#cg-ig-E5 .cg-source {
font-size: 11px;
color: #7a7a96;
text-align: center;
margin-top: 16px;
padding-top: 12px;
border-top: 1px solid #e2e2ea;
}
#cg-ig-E5 .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@media (max-width: 480px) {
#cg-ig-E5 {
padding: 16px;
}
#cg-ig-E5 .cg-title {
font-size: 18px;
}
#cg-ig-E5 .cg-comparison {
grid-template-columns: 1fr;
}
#cg-ig-E5 .cg-features {
grid-template-columns: 1fr;
}
#cg-ig-E5 .cg-bar {
font-size: 10px;
}
}
Esempio di caricamento di CompleteGreet
La pagina può comparire per prima e il widget video caricarsi dopo
Fonte: indicazioni generali sulle prestazioni web. I tempi nell’illustrazione sono esempi.
Consulta i dati HTML statici riportati sopra per tutti i dettagli.
Come preparare la tua prima presentazione video
Inizia dal messaggio. Scrivi poche frasi per dire chi sei, come puoi aiutare e cosa può fare il visitatore dopo. La durata deve dipendere dalla domanda e dalla pagina, non da una regola fissa di venti secondi.
Registra con un dispositivo che offra un’immagine nitida e un audio comprensibile. La luce naturale può bastare, ma è più importante che il volto sia visibile e la voce chiara. Guarda l’obiettivo quando vuoi rivolgerti direttamente a chi guarda.
Carica il file e usa l’integrazione consigliata per la tua piattaforma. Una bolla video va posizionata dove è pertinente, senza coprire navigazione, consenso, moduli o pulsanti di acquisto. Se non compare, controlla l’integrazione e le impostazioni di pubblicazione. Non dare per scontato che ogni sistema accetti lo stesso script nello stesso punto.
La posizione va scelta in base alla pagina e all’attività.
Le pagine di prezzi, contatto e prenotazione possono essere buoni punti di prova perché mostrano un’intenzione più chiara. Questo non significa che convertano sempre meglio. La home page può ricevere più traffico e avere un obiettivo diverso. Inizia da una pagina, definisci l’azione attesa e confronta i risultati prima di estendere la soluzione.
Misura, tra le altre cose, il tasso di riproduzione e il completamento dell’azione prevista. Il primo può dare indicazioni sulla miniatura e sulla posizione, mentre moduli, acquisti o prenotazioni mostrano se l’azione avviene. Le visualizzazioni da sole non bastano, ma non basta neppure una percentuale di conversione isolata senza un campione adeguato e traffico confrontabile.
Non esiste una soglia fissa di cinquecento visitatori né una durata di una settimana che garantisca dati affidabili. Il periodo deve includere traffico e azioni sufficienti per limitare le variazioni casuali. Modifica messaggio, posizione o regole di visualizzazione un elemento alla volta e registra con precisione ogni cambiamento.
Molti proprietari di siti esitano ad aggiungere video per paura di rallentare il caricamento e peggiorare l’esperienza.
Le sezioni seguenti spiegano come una soluzione video moderna può influire sui Core Web Vitals e perché la pagina finale va misurata nella pratica.
CompleteGreet può essere integrato con caricamento asincrono e differito, così il browser continua a mostrare la pagina mentre scarica lo script. Questo riduce il rischio di blocco senza garantire che LCP, INP o CLS rimangano invariati. Vanno valutati anche lo spazio riservato al widget, la sua inizializzazione, le risorse video e le interazioni con altri codici di terze parti.
Capire i limiti tecnici
Le integrazioni video tradizionali possono impegnare il thread principale o scaricare risorse pesanti troppo presto. Una soluzione che aspetta che il documento sia pronto può ridurre questo carico durante la prima visualizzazione. Non è però possibile garantire in generale una risposta inferiore a cento millisecondi, perché il risultato dipende dal dispositivo, dalla rete e dal resto della pagina.
I dati sulle richieste non descrivono direttamente il carico del server o la larghezza di banda. Misura separatamente i risultati commerciali e le prestazioni tecniche. Caricare il video dopo un’interazione può ridurre il trasferimento iniziale, ma il traffico di rete reale va verificato nella soluzione finale.
I widget video non rallentano necessariamente un sito, ma il caricamento differito non garantisce risultati identici. Usa dati sul campo e test controllati prima e dopo, poi valuta se i risultati commerciali compensano un eventuale costo tecnico.
Prezzi e condizioni aggiornati si trovano nella pagina dei prezzi. Non è possibile promettere che un widget aggiunga esattamente zero millisecondi al caricamento iniziale.
Domande frequenti
Un widget video può peggiorare i Core Web Vitals?
Dipende dall’integrazione, dal file, dall’inizializzazione e dal resto della pagina. Async e defer possono ridurre il blocco dell’analisi senza garantire LCP, INP o CLS invariati. Prova la pagina finale con PageSpeed Insights, Lighthouse e, se possibile, dati sul campo prima e dopo la modifica.
Quanto pesa una presentazione video rispetto a un’integrazione di YouTube?
Le dimensioni variano in base a durata, risoluzione, codec e compressione. Un’integrazione di YouTube può scaricare il player, sistemi di tracciamento e altre risorse, mentre una soluzione ospitata sul proprio server ha costi diversi. Confronta le richieste di rete e i volumi reali della tua pagina invece di affidarti a dimensioni fisse.
Una bolla video può rallentare il sito su smartphone?
Può influire sulle prestazioni mobili se lo script, il video o lo spazio riservato sono pesanti. Il caricamento differito, file adeguati e uno spazio stabile possono ridurre l’effetto. Prova su dispositivi mobili reali e connessioni più lente, non solo su un computer veloce.
Il video aiuta o danneggia il posizionamento su Google?
Il video può rendere una pagina più utile quando risponde a una domanda reale, ma non è una scorciatoia per migliorare il posizionamento. Prevedi un testo chiaro, dati video adeguati, buona accessibilità e caricamento rapido. La visibilità dipende dalla qualità complessiva e dall’implementazione tecnica.
Come posso controllare rapidamente l’effetto del widget sulla velocità?
Prova lo stesso indirizzo con PageSpeed Insights o Lighthouse prima e dopo, nelle stesse condizioni. Esamina LCP, INP e CLS, ma anche le richieste di rete, il lavoro del thread principale e le risorse che bloccano la visualizzazione. Quando possibile, completa i test di laboratorio con dati sul campo.
Più widget video possono funzionare sulla stessa pagina senza creare grossi problemi di prestazione?
Possono funzionare più widget, ma l’effetto dipende dalla condivisione dello script, dal momento in cui ogni video viene caricato e dalle dimensioni dei file. Non usare un limite totale fisso senza misurare. Prova una bolla e poi più bolle sui dispositivi previsti, caricando i video solo quando servono.
Perché il punteggio PageSpeed scende dopo aver aggiunto un video?
La causa può essere un file pesante, un trasferimento di rete troppo anticipato, molto JavaScript, spazi riservati instabili o un caricamento sincrono. Usa i dati specifici del rapporto per comprimere le risorse giuste, rimandare ciò che può aspettare e riservare spazio nel layout. Misura di nuovo dopo ogni modifica, invece di presumere che una sola tecnica risolva tutto.
