Cumulative Layout Shift

De Cumulative Layout Shift (CLS) geeft aan of er onverwachte verschuivingen plaatsvinden van zichtbare content, zoals banners, afbeeldingen, video's of H1 titels. Wanneer de page speed van een pagina te laag is, kunnen er bepaalde elementen op een pagina verspringen, wat ten koste gaat van de user experience. 

Een CLS-score lager dan 0,1 betekent dat er weinig tot geen elementen verspringen op een pagina. 

Je kunt de CLS-score op verschillende manieren verbeteren. Zo kun je bijvoorbeeld het formaat van zware bestanden zoals afbeeldingen of video's verkleinen, zodat deze sneller laden. Daarnaast kun je bepaalde bestanden die niet above the fold hoeven te staan, lager plaatsen in Javascript. Banners en andere advertenties kunnen bijvoorbeeld onderaan de pagina worden geplaatst, zodat de content niet verschuift tijdens het laden. 

CLS is een onderdeel van de drie Google Core Web Vitals. De andere twee onderdelen zijn First Input Delay en Largest Contentful Paint.