Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Performance
Wat is CLS en waarom springt inhoud bij het laden van een website?
CLS (Cumulative Layout Shift) meet hoe sterk de inhoud van een pagina tijdens het laden springt — Google beoordeelt een waarde tot 0,1 als goed, boven 0,25 als slecht. Iedereen kent het effect: je wilt op een koppeling tikken, op het laatste moment duwt een achteraf geladen afbeelding alles naar beneden, en je vinger landt op de reclame ernaast. Precies deze sprongen telt de CLS bij elkaar.
Lay-outsprongen kosten vertrouwen en leiden tot verkeerde klikken
Een verplaatsing gebeurt wanneer een element pas plaats opeist nadat de pagina al is weergegeven: een afbeelding wordt geladen zonder gereserveerde ruimte, een reclamebanner schuift tussen titel en tekst, een achteraf geladen lettertype verandert de lijnhoogte. Voor bezoekers voelt het aan alsof de pagina een wiebelcontact heeft. Het praktische gevolg zijn verkeerde klikken: de vinger richt zich op "Annuleren" en raakt "Kopen" omdat de knoppen op het laatste moment zijn verschoven. De CLS telt al deze verplaatsingen over het pagina-opbouw op tot één getal — hoe groter de verplaatste ruimte en hoe groter de sprong, hoe hoger de waarde.
De Google-drempels: 0,1 goed, vanaf 0,25 slecht
Anders dan de tijd-metingen heeft de CLS geen eenheid — het is een verhoudingsgetal van verplaatste ruimte en springafstand. Tot 0,1 geldt het als goed, tot 0,25 als verbetering nodig, daarboven als slecht. Een pagina waarvan de inhoud helemaal niet springt, bereikt 0. De controledienst neemt deze officiële Google-drempels onveranderd over en meet mobiel en desktop apart, want op het smalle telefonscherm werkt dezelfde verplaatsing sterker: wat op desktop een kleine verschuiving is, duwt op de telefoon half het zichtbare gebied weg.
Zo meet de controledienst de lay-outstabiliteit
De controledienst haalt voor elke gecontroleerde pagina de PageSpeed-meting van Google op. Het levert de CLS uit twee bronnen: uit veldgegevens van echte bezoekers van de afgelopen 28 dagen, voor zover de pagina genoeg hits heeft, en uit een labbemeting onder vastgestelde omstandigheden. Wanneer veldgegevens beschikbaar zijn, hebben zij prioriteit — zij laten zien wat echte bezoekers overkomt, inclusief trage verbindingen en oudere apparaten. Elke waarde boven de drempel staat als bevinding in het rapport, met gemeten waarde, medeeldbron en doelwaarde 0,1 ernaast, zodat uw agentschap doelgericht kan verbeteren.
- Laad uw startpagina op de mobiel en bekijk de eerste seconden: schuift de tekst naar beneden zodra afbeeldingen of banners verschijnen?
- Vraag uw agentschap voor elke afbeelding en video vaste breedte- en hoogteinformatie op te slaan, zodat de ruimte van het begin af gereserveerd is.
- Laat reclamevelden en insluitsels een vast frame krijgen dat blijft staan, zelfs als de inhoud later of helemaal niet binnenkomt.
- Eis dat kennisgevingreeksen — bijvoorbeeld over cookies of acties — zweven over de pagina of van het begin af aan zijn gepland, in plaats van de inhoud naar beneden te duwen.
- Controleer de CLS opnieuw na elke wijziging van de startpagina, want al een nieuw banner kan van een goed getal een slecht maken.