Wydajność i UX

CLS

Także: Cumulative Layout Shift

Miara nieoczekiwanych przesunięć widocznych elementów układu strony.

Przykład w praktyce

Przycisk przesuwa się po załadowaniu zdjęcia bez zarezerwowanych wymiarów.

Co warto wiedzieć?

Nie każda zmiana układu po świadomej akcji użytkownika jest problemem CLS.

Wydajność i UX w praktyce

Oceniaj doświadczenie rzeczywistych odbiorców na ich urządzeniach. Test laboratoryjny pomaga znaleźć przyczyny problemu, a dane użytkowników pokazują jego skalę. Sprawna strona powinna także pozwalać łatwo odnaleźć informację i wykonać zadanie.

Powiązane funkcje Semly

Zobacz, gdzie wykorzystasz to pojęcie w pracy z Semly.

Google Search ConsolePołącz dane wyszukiwarki z Semly. Analizuj zapytania i wyniki strony przy planowaniu kolejnych działań.Analityka AIPorównuj widoczność, pozycję, sentyment i udział marki w odpowiedziach AI.

Powiązane pojęcia

Core Web VitalsZestaw miar doświadczenia użytkownika dotyczących ładowania głównej treści, reakcji na interakcję i stabilności układu.UXCałość odczuć i trudności związanych z korzystaniem z produktu lub usługi.Optymalizacja obrazówDobór wymiarów, kompresji, formatu i sposobu ładowania zdjęć do ich zastosowania.

Dokumentacja i dalsza lektura

Definicja opracowana przez Semly. Standardy i zasady działania opisują ich twórcy:

web.dev - Web Vitals

CLS