Cumulative Layout Shift (CLS)
Stabilność układu podczas ładowania.
Co to jest Cumulative Layout Shift?
CLS (Cumulative Layout Shift) mierzy, jak bardzo elementy strony „przeskakują” w trakcie ładowania. Każde nagłe przesunięcie, którego użytkownik się nie spodziewał, zwiększa wynik — a niższy jest lepszy.
Klasyczny winowajca to obraz albo reklama bez zarezerwowanego miejsca: tekst już jest, a po chwili coś się doładowuje i spycha go w dół. Próg dobrego wyniku to 0,1.
Dlaczego to ważne dla SEO
Skaczący układ to nie tylko irytacja — prowadzi do błędnych kliknięć (np. w reklamę zamiast w przycisk) i psuje zaufanie do strony.
Jak to sprawdzić
Lighthouse i PageSpeed pokazują wartość CLS oraz elementy, które najbardziej przesuwają układ. Obejrzyj stronę przy wolnym łączu — przeskoki wtedy widać gołym okiem.
Częste błędy
- Obrazy i wideo bez podanych wymiarów (width/height)
- Reklamy i banery bez zarezerwowanego miejsca
- Czcionki webowe powodujące przeskok tekstu
Przykład
CLS 0,05 → dobry · 0,15 → wymaga poprawy · 0,3 → słaby