Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
CLS controleren: waarom inhoud bij laden springt
Cumulative Layout Shift meet hoe sterk zichtbare inhoud tijdens laden van positie verandert. Het is de enige kernwaarde zonder tijdseenheid — en de enige waarvan elk gevolg kent: u wilt klikken, en op hetzelfde moment glipt de knop weg.
- De meest voorkomende oorzaak zijn afbeeldingen en ingebouwde inhoud zonder opgegeven afmetingen. De browser weet niet hoeveel ruimte hij vrij moet houden en schuift bij aankomst alles naar beneden.
- Tweede meest voorkomende oorzaak zijn later weergegeven elementen: waarschuwingsstaven, toestemmingsbanner, advertentiebereiken. Als zij ruimte innemen in plaats van te overlappen, verschuiven zij de gehele inhoud.
- Het derde geval zijn lettertypen: als eerst een vervangende lettertype wordt weergegeven en vervolgens uitgewisseld, veranderen regeleinden en dus de positie van alles wat volgt.