Waarom is je website traag? Core Web Vitals uitgelegd.
Je site voelt traag. Bezoekers wachten op een blanco scherm, scrollen weg, of klikken terug naar Google. En jij vraagt je af: waarom is mijn website traag, en wat doe ik eraan?
Goed nieuws. De meeste oorzaken zijn bekend, meetbaar en op te lossen. Google heeft er zelfs een naam voor: Core Web Vitals. In dit artikel leggen we uit waar traagheid vandaan komt, wat die drie scores betekenen in gewone taal, en wat je vandaag nog zelf kunt aanpakken voordat je iemand inschakelt.
Eerst de daders: waar traagheid vandaan komt.
Een trage website heeft bijna altijd een handvol verdachten. Loop ze langs:
- Te zware afbeeldingen. Een foto van 4 MB die als thumbnail wordt getoond. De browser downloadt het hele ding toch. Dit is verreweg de meest voorkomende oorzaak.
- Goedkope of overbelaste hosting. Een server die honderden sites tegelijk bedient, deelt z'n geheugen met al die buren. Jouw pagina staat in de wachtrij.
- Te veel plugins en scripts. Elke chatbot, cookiebanner en trackingpixel laadt z'n eigen code. Twintig plugins betekent twintig keer wachten.
- Trage database-queries. Achter de schermen vraagt je site data op. Als die vraag onhandig gesteld is, blijft de bezoeker hangen.
- Geen caching. Zonder caching bouwt je server elke pagina opnieuw op bij elk bezoek. Met caching levert 'ie een kant-en-klare versie. Scheelt enorm.
Herken je er een paar? Dan weet je al waar je moet beginnen.
Wat zijn Core Web Vitals eigenlijk?
Core Web Vitals zijn drie cijfers waarmee Google meet hoe je site áánvoelt voor een echte bezoeker. Niet hoe mooi 'ie is, maar hoe snel en stabiel. Drie dingen, drie afkortingen:
LCP, hoe snel je belangrijkste element verschijnt. LCP staat voor Largest Contentful Paint: de tijd tot het grootste blok op je scherm geladen is. Meestal je headerfoto of de eerste kop. Duurt dat langer dan 2,5 seconde, dan voelt het traag. Die zware afbeeldingen van net? Die zitten hier vaak achter.
INP, hoe snel je site reageert op een klik. INP staat voor Interaction to Next Paint. Je klikt op een knop, en dan? Gebeurt er meteen iets, of staart je site eerst nog even voor zich uit? Te veel scripts die op de achtergrond draaien maken dit traag.
CLS, hoe rustig je layout blijft. CLS staat voor Cumulative Layout Shift. Je wilt op een link klikken, een advertentie laadt na, en de hele pagina verspringt. Je klikt mis. Irritant, en het telt mee. Een rustige, stabiele pagina scoort hier goed.
Geen jargon nodig: snel laden, snel reageren, niet verspringen. Dat is het.
Waarom een snelle site geen luxe is.
Twee redenen, en ze versterken elkaar.
Google weegt Core Web Vitals mee in z'n ranking. Twee vergelijkbare pagina's, en die met de betere scores krijgt voorrang in de zoekresultaten. Je concurrent staat dan boven je, puur omdat z'n site sneller laadt.
En je bezoekers? Die wachten niet. Bij elke extra seconde laadtijd haken er meer af. Op mobiel, op een matige verbinding, gaat dat hard. Een snelle site verdient zichzelf dus dubbel terug: meer bezoekers vinden je, en meer van hen blijven.
Haal eruit wat erin zit
Meten is weten: zo check je je eigen site.
Gokken hoeft niet. Twee gratis tools van Google vertellen je precies hoe je ervoor staat:
- PageSpeed Insights. Plak je URL in [pagespeed.web.dev](https://pagespeed.web.dev) en je krijgt je drie scores, plus een lijst met wat je kunt verbeteren. Kijk vooral naar het mobiele tabblad. Daar zitten de meeste bezoekers, en daar is de pijn het grootst.
- Search Console. Heb je toegang tot Google Search Console, dan zie je onder "Core Web Vitals" hoe echte bezoekers je site over de afgelopen weken hebben ervaren. Dat is waardevoller dan één losse meting, want het is de praktijk.
Draai zo'n test eerst. Dan weet je of je een muis of een olifant aan het bestrijden bent.
Wat je vandaag zelf kunt aanpakken.
Een paar dingen pak je zonder developer aan:
- Comprimeer je afbeeldingen. Verklein ze naar de grootte waarop ze getoond worden en sla ze op als WebP. Dit alleen al haalt vaak seconden weg.
- Gooi plugins weg die je niet gebruikt. Elke plugin die je uitschakelt en verwijdert, is code die niet meer hoeft te laden.
- Zet caching aan. Draai je WordPress, dan doet een caching-plugin een hoop werk voor je. Vraag je host of het al goed staat.
- Kies fatsoenlijke hosting. Zit je op het goedkoopste deelpakket en blijft je site traag? Dan is dat soms gewoon de bottleneck.
Kom je hiermee van rood naar oranje, mooi. Blijft 'ie hangen, of weet je niet waar je moet zoeken? Dan zit de oorzaak dieper, in je code of je database. Dat is het punt waarop een paar uur van een developer zichzelf terugbetaalt.
Loop je vast? Wij graven dieper
Wanneer je er iemand bij haalt.
Soms zit de traagheid niet in de afbeeldingen, maar onder de motorkap: queries die te veel werk doen, code die meer ophaalt dan nodig, een server die verkeerd staat afgesteld. Daar kom je met een plugin niet bij.
Bij website optimalisatie begint elk traject met een audit, vanaf €1.500. We brengen snelheid, security en codekwaliteit in kaart en leveren een rapport met prioriteiten: wat de meeste winst oplevert, en wat het kost om het op te lossen. Je weet precies waar je staat voordat we ook maar één regel code aanraken.
Bouw je sowieso aan iets nieuws? Dan begint snelheid bij het fundament. Lees hoe we websites en webshops bouwen die meteen goed scoren, zodat je achteraf niet hoeft te repareren wat je vooraf had kunnen voorkomen.