--- title: "Waarom je website springt tijdens het laden" description: "Een knop die verspringt terwijl de pagina nog laadt, kost een klik op de verkeerde plek. Dit veroorzaakt het, en dit laten de eigen FWRD-sites zien." url: "https://fwrd.digital/nl/blog/website-springt-tijdens-het-laden/" published: "2026-10-27T09:29:20.045Z" modified: "2026-10-27T09:29:20.045Z" --- # Waarom je website springt tijdens het laden _Essay · 27 okt 2026 · 4 min leestijd_ Een knop die verspringt terwijl de pagina nog laadt, kost een klik op de verkeerde plek. Dit veroorzaakt het, en dit laten de eigen FWRD-sites zien. Geschreven door: FWRD Je klant tikt op een knop en raakt in plaats daarvan een advertentie of een ander onderdeel, omdat de pagina net op dat moment een stuk naar beneden of naar boven schoot. Dat heet layout shift: content die verschuift terwijl iemand de pagina al aan het bekijken of bedienen is. Het is geen laadtijd-probleem, de pagina stond er al, en het is ook geen reactietijd-probleem, de klik werd wel geregistreerd. Het is een derde soort klacht: de pagina zelf hield niet stil. ## Wat visuele stabiliteit precies meet Google rekent dit mee als Cumulative Layout Shift, de derde Core Web Vital naast laadsnelheid en reactiesnelheid. De maat telt op hoeveel zichtbare inhoud verschuift en hoe ver, over de hele tijd dat iemand op de pagina is. Een score tot 0,1 geldt als goed, tussen 0,1 en 0,25 als verbetering nodig en daarboven als slecht, gemeten op het 75e percentiel van alle bezoeken ([web.dev/articles/cls](https://web.dev/articles/cls), geraadpleegd op 27 oktober 2026). Diezelfde drempels staan in de documentatie over zoekresultaten ([developers.google.com/search/docs/appearance/core-web-vitals](https://developers.google.com/search/docs/appearance/core-web-vitals), geraadpleegd op 27 oktober 2026). De gebruikelijke oorzaken zijn bekend: een afbeelding zonder vaste afmetingen die pas na het laden z’n ruimte opeist, een advertentie of embed die later binnenkomt en alles daaronder wegduwt, of een lettertype dat de tekst breder of smaller maakt zodra het binnen is. Niets daarvan is zichtbaar voordat het gebeurt. Je klant merkt alleen het resultaat: de knop stond daar net, en nu niet meer. Een paar van die oorzaken zitten dicht bij elkaar maar vragen om een andere oplossing. Een afbeelding krijgt een vaste hoogte en breedte in de code, nog voor hij geladen is, zodat de browser de ruimte er alvast voor vrijhoudt. Een lettertype krijgt een reservelettertype met vergelijkbare lettervormen, zodat de tekst niet merkbaar van grootte verandert zodra het eigen lettertype binnenkomt. Een advertentie of embed krijgt een vast omhullend vak, zodat hij binnen die ruimte verschijnt in plaats van alles daaronder te verschuiven. Geen van die oplossingen vraagt om een nieuwe technologie, het is gewoon ruimte reserveren voordat je weet of je hem nodig hebt. > Een knop die onder je vinger wegschuift, voelt niet als traag. Het voelt als kapot. ## Wil je weten waar jouw site staat? Doe de gratis diagnose. Je ziet meteen wat je site nodig heeft om beter gevonden te worden. ## Wat de eigen metingen van FWRD laten zien Op de websites die FWRD host, meten we visuele stabiliteit in de browser van de bezoeker zelf, net als laadtijd en reactiesnelheid, geaggregeerd over alle sites samen. Tussen 31 juli 2026 en 26 oktober 2026 leverde dat 90 metingen op, verdeeld over 14 sites. Het 75e percentiel daarvan kwam uit op 0,0, ruim binnen de grens van 0,1 die Google als goed aanhoudt ([web.dev/articles/cls](https://web.dev/articles/cls), geraadpleegd op 27 oktober 2026). Dat is een smalle steekproef en zegt niets over elke website die ooit gebouwd is, alleen over de sites die op dit moment bij FWRD lopen. Wat het wel laat zien: layout shift is geen onvermijdelijk onderdeel van een website, het is het gevolg van een paar concrete keuzes in de opbouw. Een pagina die voor elke afbeelding, elke embed en elk lettertype al ruimte reserveert voordat die inhoud binnenkomt, heeft simpelweg niets om te verschuiven. ## Wat je zelf kunt controleren Je hebt geen labtool nodig om een eerste indruk te krijgen. Laad je eigen site op een gewoon toestel, niet op je snelste verbinding, en kijk naar de eerste paar seconden: schiet er iets omhoog of omlaag terwijl jij nog niets hebt aangeraakt? Let vooral op advertenties, ingesloten video’s en widgets van derden, want die komen vaak als laatste binnen en duwen dan alles onder zich weg. Wil je een cijfer in plaats van een indruk, dan geeft PageSpeed Insights een eigen CLS-score per pagina, los van de rest van de site. Loop daarna de pagina’s langs die bezoekers het vaakst openen: de homepage, een contactpagina, een productpagina. Een site die op de homepage stabiel is maar op een productpagina met een los ingebouwde widget springt, heeft nog steeds een probleem, want dat is precies de pagina waar iemand een knop indrukt. Bij een oudere site staan dat soort embeds vaak met de hand ingebouwd, zonder vaste ruimte erom heen, simpelweg omdat niemand er met dit probleem in gedachten naar gekeken heeft. Wie zo’n site aan het vernieuwen is, leest in [een website vernieuwen zonder je positie in Google kwijt te raken](https://fwrd.digital/nl/website-vernieuwen/) waar daarbij op te letten. Visuele stabiliteit hoort bij hetzelfde rijtje als laadtijd en reactiesnelheid: in [snelheid is geen eenmalige klus](https://fwrd.digital/nl/blog/snelheid-is-geen-eenmalige-klus/) staan de andere twee, en waarom geen van de drie een eenmalige controle is. Bij FWRD past een [zelf-verbeterende website](https://fwrd.digital/nl/product/zelf-verbeterende-website/) dat soort dingen aan zodra er iets verandert aan de pagina, in plaats van dat het wacht tot iemand het met de hand opmerkt. Een site die laadt zoals het moet en toch onder je klant z’n vinger wegschuift, is voor hem dezelfde ergernis als een trage pagina. Hij klikt gewoon nog een keer, of hij klikt helemaal niet meer. ## Kanttekeningen - **Context**: Cumulative Layout Shift (CLS) is de officiële naam voor hoeveel een pagina nog verschuift nadat hij al zichtbaar is. ## Onderwerpen - [Snelheid](https://fwrd.digital/nl/blog/tag/snelheid/) - [Doorgelicht](https://fwrd.digital/nl/blog/tag/doorgelicht/) _Geschreven met AI door FWRD. Bronnen en cijfers staan in de tekst gelinkt._