CLS (Cumulative Layout Shift)

Wat is CLS?

CLS (Cumulative Layout Shift) is een van de drie Core Web Vitals, naast LCP en INP. Het meet hoeveel de inhoud van een pagina onverwacht verspringt tijdens het laden. Een lage score betekent een stabiele pagina. Volgens Google is een score van 0,1 of lager goed, gemeten bij minstens 75 procent van de paginabezoeken.

Waarom is CLS belangrijk?

• Prettiger gebruik: niemand wil op de verkeerde knop klikken omdat de pagina verspringt.
• Pagina-ervaring: Core Web Vitals horen bij de signalen die Google voor pagina-ervaring gebruikt, al blijft de inhoud zwaarder wegen.
• Minder frustratie: een stabiele pagina kan afhakers bij het afrekenen verminderen.

Voorbeelden van CLS

• Een afbeelding zonder vaste afmetingen duwt de tekst omlaag zodra hij laadt.
• Een cookiebanner die laat verschijnt en de pagina naar beneden schuift.
• Een advertentie die plotseling ruimte inneemt boven een knop.

Hoe verbeter je CLS?

Geef afbeeldingen, video’s en advertenties een vaste breedte en hoogte, zodat de ruimte vooraf gereserveerd is. Voeg geen inhoud toe boven bestaande inhoud en laad lettertypen zo in dat ze niet voor verspringing zorgen. Meet je score in PageSpeed Insights. Dit hoort bij technische SEO.