Video op je website zonder dat hij traag wordt

Waarom video je website traag maakt — en hoe je dat voorkomt

Een MP4-bestand van een minuut weegt al snel 80 tot 200 MB. Laad je dat via je eigen server, dan moet elke bezoeker dat bestand binnenhalen voordat de pagina klaar is. Zoekmachines meten hoe snel je pagina laadt (de zogenoemde Largest Contentful Paint), en een trage pagina scoort slechter in Google. De oplossing is eenvoudig: zet de video nooit op je eigen server, maar gebruik een extern videoplatform als streambron.

Video insluiten via YouTube of Vimeo: de beste aanpak voor website snelheid

Door je video te uploaden naar YouTube of Vimeo en daarna alleen de embed-code op je website te plaatsen, hoeft jouw server niets te verwerken. Het videoplatform regelt de bandbreedte, de compressie en de afspeelkwaliteit. Je bezoeker krijgt de video snel te zien; jouw pagina blijft licht.

• YouTube — gratis, hoge kijkcapaciteit, automatische compressie in meerdere kwaliteiten. Nadeel: YouTube plaatst soms aanbevolen video’s van anderen na het afspelen.
• Vimeo — schoner beeld, geen externe advertenties of aanbevelingen, meer controle over de speler. Betaald abonnement nodig voor de meeste zakelijke functies.
• Wistia — specifiek voor zakelijk gebruik, met statistieken per video en leadcapture. Interessant als je wilt weten wie je video bekijkt.

Lazy loading: video pas laden als de bezoeker er naartoe scrolt

Staat je video onderaan de pagina? Dan hoeft hij niet meteen te laden als iemand de pagina opent. Met lazy loading laad je de embed pas op het moment dat de video in beeld komt. De meeste goede WordPress-thema’s en pagina-builders doen dit automatisch, maar controleer het altijd. Een plugin als Perfmatters of WP Rocket kan lazy loading voor iframes (YouTube- en Vimeo-embeds zijn iframes) inschakelen als dat nog niet standaard actief is.

Autoplay en achtergrondvideo’s: zo doe je het goed

Wil je een video als achtergrond op je homepage zonder geluid? Dat kan, maar let op deze regels:

1. Gebruik een zo kort mogelijk fragment — liefst 10 tot 20 seconden op loop.
2. Exporteer de video als gecomprimeerde MP4 (H.264 of H.265) én als WebM. Moderne browsers kiezen dan automatisch het kleinste formaat.
3. Stel de video in op autoplay muted loop playsinline — zonder deze attributen start hij niet op mobiel of blokkeert de browser hem.
4. Voeg een statische afbeelding toe als poster-attribuut, zodat de pagina er meteen goed uitziet terwijl de video laadt.
5. Houd het bestand bij voorkeur onder de 5 MB voor een achtergrondvideo. Goede compressie met tools als HandBrake of Squoosh maakt dit haalbaar.

Hoe je controleert of video je paginasnelheid schaadt

Na het insluiten test je de pagina met Google PageSpeed Insights. Let specifiek op de score voor mobiel — die is vaak lager dan op desktop. Zie je dat een iframe of video de Largest Contentful Paint (LCP) vertraagt, dan is lazy loading de eerste stap. Zie je dat een MP4-bestand direct van jouw server wordt geladen, verplaats dat dan alsnog naar een extern platform.

Heb je al een video op je site maar loopt de hele pagina daardoor vast? Bij Richway kijken we niet alleen naar de video, maar naar de hele technische opbouw. Op de pagina website sneller maken lees je wat we daarvoor doen.

Uit de praktijk: video voor een website maken we anders dan video voor social media. Op een website ondersteunt video de klantreis en je positionering; op social media moet een video vechten om aandacht. Omdat we zowel websites als video maken, filmen we op de draaidag bewust beelden voor een hero, dienstenpagina of testimonialsectie, naast verticale clips voor social en advertenties.

Video op je website: wat nooit werkt

• Grote MP4 rechtstreeks uploaden via WordPress — je mediabibliotheek is niet bedoeld als videohost. WordPress heeft geen geoptimaliseerde videostreaming.
• GIF’s als vervanging voor video — een GIF is zwaarder dan een gecomprimeerde MP4 bij hetzelfde beeld. Gebruik liever een stille autoplay-video.
• Meerdere autoplay-video’s op één pagina — elke video die tegelijk laadt, vreet bandbreedte en verhoogt de laadtijd.
• Insluiten zonder lazy loading op een lange pagina — dan laadt de video mee bij het openen van de pagina, ook als de bezoeker hem nooit ziet.

1. Kan ik een video gewoon uploaden in WordPress?

Technisch kan het, maar het is sterk af te raden. WordPress is geen videoplatform en heeft geen geoptimaliseerde streaming. Een MP4 van een paar minuten maakt je pagina direct traag, want elk bezoek laadt het volledige bestand opnieuw. Upload je video naar YouTube of Vimeo en sluit die in via de embed-code — dan blijft je website snel.

2. Wat is het verschil tussen YouTube en Vimeo voor mijn website?

YouTube is gratis en heeft een enorme infrastructuur, maar toont na het afspelen aanbevolen video’s van anderen. Vimeo geeft je meer controle over de speler en toont geen externe content, maar vraagt voor zakelijk gebruik een betaald abonnement. Voor een schone uitstraling op een zakelijke website kiezen veel ondernemers voor Vimeo.

3. Hoe weet ik of video mijn paginasnelheid schaadt?

Test de pagina via Google PageSpeed Insights (pagespeed.web.dev). Controleer de mobiele score — die is het strengst. Als de tool aangeeft dat een iframe of videobestand de LCP vertraagt, is dat het signaal dat je iets moet aanpassen: lazy loading inschakelen of de video verplaatsen naar een extern platform.

4. Hoe groot mag een achtergrondvideo op mijn homepage zijn?

Houd een achtergrondvideo bij voorkeur onder de 5 MB. Gebruik een kort fragment van 10 tot 20 seconden, exporteer het als gecomprimeerde MP4 (H.264) en bied ook een WebM-versie aan. Met tools als HandBrake comprimeer je video zonder zichtbaar kwaliteitsverlies. Stel de video altijd in op autoplay, muted en loop.

5. Wat is lazy loading bij video en hoe zet ik dat aan?

Lazy loading betekent dat de video-embed pas laadt op het moment dat de bezoeker naar dat deel van de pagina scrolt. Dat scheelt laadtijd bij de eerste pagina-opening. In WordPress schakel je dit in via een caching- of performance-plugin zoals WP Rocket of Perfmatters. Zoek in de instellingen naar ‘lazy load iframes’ — YouTube- en Vimeo-embeds zijn technisch gezien iframes.