Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS) is de Core Web Vital die de visuele stabiliteit van je pagina meet. De score brengt in kaart hoeveel elementen onverwacht verspringen terwijl de pagina laadt, dus hoe rustig of hoe schokkerig je layout aanvoelt.

Wat veroorzaakt layout shift?

Je kent het irritante moment: je wil op een knop tikken en plots schuift de hele pagina naar beneden omdat er een afbeelding of advertentie inlaadt. Dat is een layout shift. CLS telt al deze onverwachte verschuivingen samen tot één score. Google beschouwt een CLS onder 0,1 als goed, tussen 0,1 en 0,25 als matig, en daarboven als slecht. Anders dan LCP, dat over laadsnelheid gaat, draait CLS puur om stabiliteit: niets mag onder je vingers wegschuiven.

Hoe houd je je layout stabiel?

De meest voorkomende oorzaak is media zonder vaste afmetingen. Geef afbeeldingen en video’s altijd een vastgelegde breedte en hoogte, zodat de browser de ruimte vooraf reserveert. Datzelfde geldt voor lettertypes die laat inladen en de tekst doen herschikken, en voor banners of lazy-loading-blokken die plots verschijnen. Reserveer ook plek voor dynamische content die later binnenkomt. Zo blijft je pagina staan waar de bezoeker hem verwacht. CLS vormt samen met LCP en INP het trio Core Web Vitals.

Waarom dit telt voor je groei

Bij Customer Impact kijken we naar wat klanten oplevert, en een schokkerige pagina kost vertrouwen. Een B2B-beslisser die per ongeluk op het verkeerde element klikt of zijn plek kwijtraakt, haakt af voor hij je formulier bereikt. Een stabiele layout is geen cosmetisch detail maar onderdeel van een page speed-ervaring die conversies beschermt.