come aggiungere un video al sito senza appesantire la pagina
web · 2026-10-03 · 3 min
un video su un sito è un embed da youtube o vimeo, oppure un file che ospiti tu. l'embed è quasi sempre la risposta giusta: è gratuito, si adatta allo schermo, e la banda la paga qualcun altro. il costo è uno script di terze parti che può rallentare la pagina se lo lasci caricare subito.
l'embed
su youtube usa condividi e poi incorpora, e preferisci il dominio nocookie così non resta niente finché non parte la riproduzione. vimeo fa lo stesso con un player più pulito e senza pubblicità, su un piano a pagamento per le impostazioni migliori. dai all'iframe un titolo, mantieni le proporzioni con un contenitore, e non contare sulla riproduzione automatica con l'audio, perché tutti i browser la bloccano e il video semplicemente non parte.
la facciata, se la velocità conta
il trucco è caricare solo una miniatura e un pulsante play, e sostituire l'iframe quando qualcuno clicca. le miniature di youtube stanno a un indirizzo prevedibile, quindi servono poche righe di javascript e si risparmia gran parte del peso. su una pagina dove il video è il contenuto principale, questa è la differenza tra una pagina veloce e una che aspetta google.
ospitarlo da sé, con onestà
un file che ospiti tu significa nessun cookie di terze parti e pieno controllo, e un file video pesa: un minuto in 1080p sono decine di megabyte. ha senso solo per un breve loop usato come sfondo, muto, compresso, con un'immagine di copertina, e mai su un telefono se puoi evitarlo.
l'embed, nel dettaglio
usa il dominio privacy-enhanced: youtube-nocookie.com/embed/ al posto di youtube.com/embed/. rimanda i cookie al momento della riproduzione, non li elimina: quando qualcuno preme play, youtube li imposta comunque. da solo non è una soluzione per il consenso.
il peso. un iframe vuoto non pesa niente; il player che carica sono centinaia di kilobyte di javascript, più miniature e font, e parte appena l'iframe entra nella viewport. l'attributo di caricamento pigro sull'iframe aiuta solo per i player in fondo alla pagina: quelli sopra la piega caricano subito.
il clic per caricare. tieni un'immagine di copertina e un pulsante vero, sostituisci tutto con l'iframe al clic e aggiungi il parametro autoplay all'indirizzo, così il clic non va sprecato. questo risolve anche il consenso: finché nessuno clicca, da youtube non arriva niente, e il clic è il consenso. scrivi sotto il pulsante cosa sta per caricarsi.
i sottotitoli. non contare su quelli automatici: il parlato veloce con un accento regionale esce come un'altra lingua. carica una traccia tua o metti la trascrizione nella pagina, che è anche la parte che un motore di ricerca può leggere.
all'iframe servono un title, l'attributo allow con autoplay, encrypted-media e picture-in-picture, e allowfullscreen. larghezza e altezza, oppure un contenitore con proporzioni fisse.
se non vuoi caricare terze parti per niente, l'alternativa onesta è un'immagine con un link al video, non un rettangolo nero vuoto.
domande frequenti
youtube o vimeo?
youtube per la portata e la banda gratuita, vimeo per un player più pulito e nessun video suggerito alla fine. se il video è una demo di prodotto mostrata ai clienti, vimeo sembra più un marchio. se è contenuto che deve essere trovato, la ricerca passa da youtube.
un video aiuta la seo?
un video nella pagina trattiene più a lungo e può comparire nei risultati da solo. una trascrizione e una descrizione vera fanno più per la pagina dell'embed da solo, perché un motore di ricerca non può guardare il file.
il video deve partire da solo?
solo muto, come sfondo, e possibilmente per niente su un telefono in dati mobili. la riproduzione automatica con l'audio è bloccata dai browser, e un video che si muove mentre qualcuno legge è un motivo per chiudere la scheda.
come incorporo un video di youtube nel mio sito?
prendi il codice di incorporamento da youtube, cambia il dominio in youtube-nocookie e metti l'iframe in un contenitore che tiene il rapporto 16:9. dagli un title e gli attributi allow che servono. se la pagina deve essere veloce, o ti serve il consenso ai cookie, mostra solo un'immagine di copertina e carica l'iframe al clic.