Core Web Vitals · CLS · Pagespeed · Begrippenlijst
Cumulative Layout Shift (CLS)
CLS meet de totale hoeveelheid onverwachte layout-verschuivingen tijdens het laden van een pagina. Elementen die plotseling verplaatsen — tekst, knoppen, afbeeldingen — leiden tot een hogere CLS-score. Goed: onder 0,1. Slecht: boven 0,25. CLS is een van de drie Core Web Vitals en directe rankingfactor.
01 — score-meterInteractieve CLS-score meter
Voer je CLS-score in, klik een oorzaak aan en zie direct de beoordeling en oplossing.
02 — oorzakenVeelvoorkomende CLS-oorzaken en oplossingen
Afbeeldingen zonder afmetingen
Afbeeldingen zonder width/height-attribuut veroorzaken layout-verschuiving als ze laden en ruimte innemen.
✓ Altijd width en height opgeven in de <img>-tag of via CSS aspect-ratio.
Advertenties en embeds
Advertenties die asynchroon laden nemen extra ruimte in en duwen content naar beneden.
✓ Reserveer ruimte met min-height voor advertentieblokken voor ze laden.
Web fonts (FOIT/FOUT)
Lettertypes die laat laden vervangen tijdelijk het systeemfont — dit verschuift tekst als het lettertype andere afmetingen heeft.
✓ Gebruik font-display: optional of preload het lettertype in de <head>.
Dynamisch ingeladen content
Banners, cookiemeldingen of chat-widgets die na het eerste renderen verschijnen en bestaande elementen verplaatsen.
✓ Laad dynamische elementen buiten de content-flow of gebruik position: fixed/absolute.
03 — faqVeelgestelde vragen
Wat is Cumulative Layout Shift?›
CLS is een Core Web Vitals-metric die de totale hoeveelheid onverwachte layout-verschuivingen op een pagina meet tijdens het laden. Hoe meer en hoe groter de verschuivingen, hoe hoger de score. Goed is onder 0,1; slecht is boven 0,25.
Wat is de SEO-impact van CLS?›
CLS is een directe rankingfactor als onderdeel van de Core Web Vitals. Een slechte CLS-score heeft een negatieve invloed op Google-rankings, met name op mobiel. Verbetering leidt tot betere gebruikerservaring én hogere positie in de zoekresultaten.
Hoe meet ik de CLS van mijn website?›
Via Google PageSpeed Insights (gratis, per URL), Google Search Console (Core Web Vitals-rapport voor hele site), Chrome DevTools (Performance-tab) of Lighthouse in Chrome. Search Console toont veld-data van echte gebruikers — dit is de meest betrouwbare meting.
CLS en Core Web Vitals verbeteren voor betere rankings?
Plan een gesprek en ontdek hoe ik een volledige pagespeed-audit uitvoer en CLS-issues structureel oplost.
Plan een gesprek met Ralf →