--- title: "CLS (Cumulative Layout Shift): uitleg en goede score" description: "CLS (Cumulative Layout Shift) is een Core Web Vital die meet hoeveel de inhoud van een pagina onverwacht verspringt." canonical: https://www.keurigonline.nl/begrippenlijst/cls last_modified: 2025-12-18 --- [Terug naar begrippenlijst](https://www.keurigonline.nl/begrippenlijst) # CLS CLS (Cumulative Layout Shift) is een Core Web Vital die meet hoeveel de inhoud van een pagina onverwacht verspringt. CLS (Cumulative Layout Shift) meet hoeveel de inhoud van een webpagina onverwacht verschuift terwijl je hem bekijkt. Je kent het effect: je wilt op een knop tikken, bovenaan laadt nog een afbeelding of advertentie, en je tikt op iets anders. Een CLS van 0,1 of lager is goed, en boven 0,25 geldt de score als slecht. De browser geeft elke verschuiving een score door twee getallen te vermenigvuldigen: welk deel van het scherm de verschuiving raakt en hoe ver de elementen opschuiven. Verschuivingen die snel na elkaar gebeuren, telt hij op in een venster van maximaal 5 seconden, en het zwaarste venster bepaalt de CLS. Verschuivingen binnen 500 milliseconden na een klik of toetsaanslag tellen niet mee, omdat de bezoeker die zelf veroorzaakt. CLS is een van de drie Core Web Vitals, naast LCP voor het laden en INP voor de reactiesnelheid. De bekendste oorzaken zijn afbeeldingen en video's zonder width en height, en advertenties of embeds zonder vaste ruimte. Ook inhoud die een script later bovenaan invoegt en webfonts die groter of kleiner uitvallen dan het eerste lettertype laten een pagina verspringen. Op je hosting los je de meeste verschuivingen op in je HTML of thema: geef elke afbeelding een width en height, zodat de browser vooraf ruimte vrijhoudt. Gebruik je WordPress met LiteSpeed Cache, dan vult de optie Add Missing Sizes ontbrekende maten van je eigen afbeeldingen aan. Je vindt hem onder Page Optimization, op het tabblad Media Settings. Die optie werkt alleen als Lazy Load Images ook aanstaat. Je score per pagina zie je in PageSpeed Insights. ## Geschiedenis CLS hoort sinds de start van het programma Web Vitals op 5 mei 2020 bij de Core Web Vitals ([Chromium Blog](https://blog.chromium.org/2020/05/introducing-web-vitals-essential-metrics.html)). De meting bouwt op de [Layout Instability API](https://wicg.github.io/layout-instability/), waarmee de browser elke verschuiving van zichtbare elementen rapporteert. Belangrijke mijlpalen: - **5 mei 2020:** CLS wordt een van de drie Core Web Vitals - **April 2021:** Google telt verschuivingen voortaan op per venster van maximaal 5 seconden, in plaats van over de hele levensduur van de pagina ([Evolving the CLS metric](https://web.dev/blog/evolving-cls)) - **Juni 2021:** De page experience update laat de Core Web Vitals, waaronder CLS, geleidelijk meewegen in Google Zoeken ([Google Search Central](https://developers.google.com/search/blog/2021/04/more-details-page-experience)) ## Bronnen 1. **web.dev (Google)** - [Cumulative Layout Shift (CLS)](https://web.dev/articles/cls) 2. **web.dev (Google)** - [Optimize Cumulative Layout Shift](https://web.dev/articles/optimize-cls) 3. **W3C WICG** - [Layout Instability API](https://wicg.github.io/layout-instability/) 4. **Google Search Central** - [Understanding Core Web Vitals and Google search results](https://developers.google.com/search/docs/appearance/core-web-vitals) 5. **LiteSpeed Technologies** - [Page Optimization \| LSCache for WordPress](https://docs.litespeedtech.com/lscache/lscwp/pageopt/) ## Gerelateerde artikelen Hosting 3 jul 2026 [HTTP/2 Server Push & WordPress: wat nu écht werkt (2026)](https://www.keurigonline.nl/blog/http-2-server-push-instellen-voor-wordpress-snelheid) - **INP** (Interaction to Next Paint, sinds maart 2024 de opvolger van FID als responsiveness-metric): onder 200 milliseconden - **CLS** (Cumulative Layout Shift): onder 0,1 Zet de impact in perspectief: slechts 33% van alle websites haalt op mobiel alle drie de Core Web Vitals-drempels[\[6\]](https://rankeo.io/blog/core-web-vitals-2026), dus verbetering hier onderscheidt je al van twee derde van het web. Qua ranking is Core Web Vitals een tie-breaker: het weegt ruwweg 1 tot 3% mee in Google's rankingalgoritme, ver onder content-relevantie en backlinks[\[6\]](https://rankeo.io/blog/core-web-vitals-2026). De grotere winst zit in conversie: elke seconde extra LCP-vertraging correleert met een conversiedaling van ongeveer 7%[\[6\]](https://rankeo.io/blog/core-web-vitals-2026). Snellere laadtijden zijn dus vooral een omzetverbetering met SEO als bijvangst, niet andersom. SEO 22 jun 2026 [Technische SEO checklist 2026: stappenplan voor snellere rankings](https://www.keurigonline.nl/blog/technische-seo-checklist-2026) De zes checklists hieronder dekken de aandachtsgebieden in volgorde van impact. Begin bij Core Web Vitals als je recent rankings hebt verloren; begin bij HTTPS als je site nog gemengde inhoud serveert. ## Checklist 1: Core Web Vitals (LCP, INP, CLS) **Definitie:** Core Web Vitals zijn drie door Google gebruikte meetwaarden voor gebruikerservaring: LCP (Largest Contentful Paint) meet laadsnelheid, INP (Interaction to Next Paint) meet interactiviteit en CLS (Cumulative Layout Shift) meet visuele stabiliteit. Ze wegen mee als directe rankingfactor. SEO 22 jun 2026 [Website snelheid SEO & hosting: zo richt je het optimaal in](https://www.keurigonline.nl/blog/website-snelheid-seo-hosting) - **LCP (Largest Contentful Paint):** goed is onder 2,5 seconden - **INP (Interaction to Next Paint):** goed is onder 200ms - **CLS (Cumulative Layout Shift):** goed is onder 0,1 Cruciaal: Google meet niet in een labomgeving. CWV-scores komen uit CrUX, echte gebruikersdata van Chrome-browsers. Voor een ranking-voordeel moet 75% van je bezoekers de "goede" drempel halen[\[3\]](https://www.debugbear.com/docs/core-web-vitals-ranking-factor). Wereldwijd scoort 55,7% van alle web-origins inmiddels goed op alle drie CWV, een stijging van bijna 6 procentpunt in twee jaar[\[5\]](https://webvitals.tools/blog/core-web-vitals-data-april-2026/).