Definicja Cumulation Layout Shift (CLS)
Cumulative Layout Shift (CLS) jest jednym z aspektów Core Web Vitals, które zostały wprowadzone przez Google w maju 2020 roku. Są to metryki mające na celu pomoc w zapewnieniu lepszego doświadczenia użytkownika na stronach internetowych.
CLS jest metryką mierzonym podczas różnych interakcji użytkownika ze stroną internetową, która ocenia ilość nieoczekiwanych przesunięć layoutu na stronie.
Intuicyjne rozumienie CLS
Wyobraź sobie, że czytasz artykuł online i nagle cały tekst przeskakuje, podczas gdy obraz ładuje się na stronie. Albo jeszcze gorzej, kiedy jesteś o krok od kliknięcia swojego ulubionego przycisku na stronie i nagle cała strona się przesuwa, powodując kliknięcie w zupełnie innym miejscu. To są przykłady tego, co technicznie nazywamy „Cumulative Layout Shift”.
Te nieoczekiwane i niepożądane przesunięcia są nie tylko irytujące dla użytkowników, ale mogą również prowadzić do negatywnych konsekwencji, takich jak przypadkowe kliknięcia na niewłaściwe przyciski.
Computus CLS
Google oblicza CLS, mierząc sumę wszystkich indywidualnych przesunięć layoutu, które miały miejsce podczas całego żywotności strony. Przesunięcie layoutu zostaje zarejestrowane, kiedy element widoczny na stronie nagle zmienia pozycję od jednej klatki renderowanej do następnej.
Wpływ CLS na SEO
CLS pomaga twórcom stron internetowych zrozumieć, jak ich strony są doświadczane przez użytkowników, a Google z kolei używa tej metryki jako jednego z sygnałów decydujących o pozycji strony w wynikach wyszukiwania (SEO).
Zalecany próg CLS
Zgodnie z zaleceniami Google, żeby strona stanowiła dobre doświadczenie użytkownika, suma wszystkich przesunięć layoutu powinna być poniżej wartości 0.1.
Podsumowanie
CLS jest kluczowym elementem zapewnienia wysokiej jakości doświadczenia użytkownika na Twojej stronie. Optymalizując problematyczne elementy, można poprawić zarówno zadowolenie użytkowników, jak i pozycję strony w wynikach wyszukiwania Google.
Leave a Reply