Wat is CLS?

CLS is een afkorting voor Cumulative Layout Shift. Maar dan weet je waarschijnlijk nog niks. Wellicht herken je de volgende situatie. Je gaat naar een nieuwssite, begint met lezen en terwijl je leest verschuift opeens de tekst. Na wat gemopper ga je weer verder lezen op de nieuwe locatie van je laatste zin. Tijdens het laden van de pagina werd de tekst al getoond, maar er moest ergens nog een banner tussen gepropt worden.

Deze irritatie werd door Google tot een ranking factor verheven. Oftewel als jouw website veel verspringende teksten heeft tijdens het laden, scoort hij slechter in Google. CLS vormt samen met FID en LCP de zogenaamde Core Web Vitals. En Core Web Vitals zijn weer onderdeel van Technical SEO.

Als je wilt weten hoe een pagina op jouw website scoort qua CLS, dan zijn er meerdere manieren. De makkelijkste is een online versie te vinden van de Google Lighthouse test. Hier vind je er bijvoorbeeld één. Een andere methode is om de Lighthouse plugin te installeren binnen een Chrome of Chromium browser.

Bedenk dat Google en daarmee ook de Lighthouse test, pagina’s voor desktop en mobiel los bekijkt. Afhankelijk van de gebruikte test moet je eerst een apparaatcategorie selecteren of kan dat ook erna.

Met een online versie van de Lighthouse test komt de homepage van mijn eigen website op desktop er redelijk van af qua CLS score. Ter verdediging wil ik aandragen dat mijn site nét is opgeleverd en optimalisaties nog moeten gebeuren. Lighthouse geeft mijn homepage een oranje met de CLS score van 0.102. Als je vaker Lighthouse testen draait, zul je merken dat de kleuren steeds strenger worden. Het kan goed dat over een half jaar deze score een rood krijgt. Google wordt steeds strenger als webwaakhond.

Als je jouw CLS score wilt verbeteren en niet weet hoe, neem dan contact met ons op.

What is CLS?

CLS is an abbreviation of Cumulative Layout Shift. But then you probably still don’t know anything. Perhaps you recognize the following situation. You go to a news site, start to read and during the reading the text moves. After some grumbling you continue to read on the new location of your last sentence. During the loading of the page, the text was already shown, but a banner had to be put somewhere in between afterwards.

This snafu became a ranking factor by Google. In other words, if your site contains many jumping texts, it will score worse in Google. CLS, together with FID and LCP, form the so called Core Web Vitals. And Core Web Vitals are part of Technical SEO.

If you want to know how a page on your website scores regarding CLS, there are several options. The easiest is to find an online version of the Google Lighthouse test. Here you can find an example. Another method is to install the Lighthouse plugin within a Chrome or Chromium browser.

Mind that Google and therefor the Lighthouse test, look at pages for desktop and mobile seperately. Depending on the test used, you might first need to select a device category. With others you can switch afterwards.

With the online version of the Lighthouse test, the homepage of my own website on desktop scores reasonably well regarding CLS score. In my defense I have to add that my new site just has gone live and optimisations are still underway. Lighthouse gives my homepage on desktop an orange rating with a CLS score of 0.102. If you run Lighthouse tests more often, you will notice that the color rating will get stricter over time. It might very well be that the same score will give red in half a year. Google becomes more strict over time as web watch dog.

If you want to enhance your CLS score and don’t know how, contact us.

Was ist CLS?

CLS ist eine Abkürzung für Cumulative Layout Shift. Aber dann weisst du wahrscheinlich immer noch nichts. Vielleicht erkennst du die folgende Situation. Du gehst zu einer Nachrichten Webseite, fängst an zu lesen und während des lesens verschiebt sich der Text. Nach einigem Murren setzt du das lesen an der neuen Stelle deines letzten Satzes fort. Beim Laden der Seite wurde der Text bereits angezeigt, aber irgendwo musste noch ein Banner untergebracht werden.

Diese Irritation wurde von Google zu einem Ranking-Faktor erhoben. Mit anderen Worten: wenn deine Website beim Laden viel versetzende Texte enthält, wird sie bei Google schlechter abschneiden. CLS, zusammen mit FID und LCP formen die sogenannten Core Web Vitals. Und Core Web Vitals sind wieder Teil von Technical SEO.

Wenn du wissen möchtest, wie eine Seite deiner Website in Bezug auf CLS abschneidet, gibt es mehrere Möglichkeiten. Am einfachsten ist es, eine Online-Version des Google Lighthouse Tests zu finden. Hier gibt es z. B. einen. Eine andere Methode ist um dass Lighthouse plugin zu installieren binnen ein Chrome oder Chromium Browser.

Beachte bitte, dass Google und damit auch der Lighthouse-Test die Seiten für Desktop und Mobile getrennt betrachtet. Je nach dem verwendeten Test muss zuerst eine Gerätekategorie ausgewählt werden. Bei Anderen kann man das auch nachher tun.

Mit einer Online-Version des Lighthouse-Tests schneidet die Homepage, meiner eigenen Website auf dem Desktop, in Bezug auf die CLS-Bewertung recht gut ab. Zu meiner Verteidigung will ich anführen, dass meine Website gerade erst fertiggestellt wurde und die Optimierungen noch ausstehen. Lighthouse gibt meiner Homepage eine orangefarbene Bewertung mit einem CLS-Wert von 0,102. Wenn du öfter Lighthouse-Tests durchführst, kann es passieren das die Farben immer mehr Richtung rot verschieben. Es kann gut sein, dass der Punktestand von 0.102 in sechs Monaten rot sein wird. Google wird in seiner Rolle als Webwächter immer strenger.

Wenn du deine CLS-Ergebnisse verbessern möchtest und nicht weisst wie, bitte Kontaktiere uns.