Jak działa Cls?
CLS należy do Core Web Vitals, czyli zestawu metryk Google oceniających jakość strony dla użytkownika. Pokazuje, czy layout "skacze" – np. przycisk przesuwa się w momencie, gdy ktoś chce go kliknąć, albo tekst ucieka w dół po doładowaniu reklamy czy obrazka.
Dobry wynik to CLS poniżej 0,1. Powyżej 0,25 Google uznaje stronę za słabą pod tym względem. Wartość liczy się na podstawie przesunięć elementów widocznych w oknie przeglądarki, nieoczekiwanych dla użytkownika.
Przyczyny wysokiego CLS to najczęściej obrazki bez zdefiniowanych wymiarów, czcionki ładujące się z opóźnieniem i zmieniające układ tekstu, reklamy czy bannery wstawiane dynamicznie bez zarezerwowanego miejsca, oraz animacje wywołujące przesunięcia treści.
CLS przyda się, gdy planujesz zmiany na stronie lub sklepie i chcesz sprawdzić, czy poprawiają one doświadczenie użytkownika. Dane znajdziesz w Google Search Console (raport Core Web Vitals) oraz w PageSpeed Insights.
Nie myl CLS z LCP (czas wczytania największego elementu) ani z FID/INP (czas reakcji na interakcję). To trzy osobne metryki Core Web Vitals, mierzące różne aspekty szybkości i stabilności strony.