31 december 2021

Cumulative Layout Shift (CLS)

2 minuten lezen
CLS

De Cumulative Layout Shift meet in feite de visuele stabiliteit van de pagina terwijl je de pagina laadt. De Cumulative Layout Shift is een onderdeel van de Core Web Vitals (een set statistieken die Google gebruikt om de gebruikerservaring van een website te beoordelen).

Je herkent vast wel de frustratie dat als een website aan het laden is, de link waar je op wilt klikken, ineens verschuift voordat je hebt geklikt. Het gebeurt ook nog wel eens dat je dan per ongeluk op een advertentie klikt en ineens wordt doorgeleid naar een andere website. Erg vervelend!

Google kijkt hierbij niet alleen naar of en hoe vaak elementen verschuiven, maar ook naar hoe groot deze verschuivingen zijn. 

Een CLS score van 0.1 of minder wordt gezien als goed. Tussen de 0.10 en 0.25 zijn verbeteringen nodig en boven de 0.25 krijg je een slechte score.

Cumulative layout shift

Voorbeeld van Google

  • Meetmethode: CLS wordt berekend door de totale som van alle individuele layout shift scores voor elke onverwachte layout shift die plaatsvindt tijdens de gehele levensduur van de pagina.
  • Oorzaken: Veel voorkomende oorzaken van layout shifts zijn afbeeldingen of advertenties zonder vooraf gedefinieerde afmetingen, dynamisch geladen content, en lettertypen die tijdens het laden nog veranderen.
  • Verbetering: Om CLS te verbeteren, kunnen websiteontwikkelaar maatregelen nemen zoals het specificeren van afmetingen voor media-elementen, het reserveren van ruimte voor dynamische content, en het voorzichtig zijn met het plaatsen van nieuwe content boven bestaande content.
  • Scoring: Google beschouwt een CLS-score van 0.1 of minder als goed, 0.1 tot 0.25 als “moet verbeterd worden”, en meer dan 0.25 als slecht.
  • Invloed op SEO: Omdat CLS een Core Web Vital is, kan het invloed hebben op de vindbaarheid van een website in de zoekresultaten van Google.
Zoekmachine

Vragen over zoekmachineoptimalisatie?

Contact

Reacties (0)

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *