This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Performance
Co je CLS a proč obsah při načítání webu poskakuje?
CLS (Cumulative Layout Shift) měří, jak silně obsah stránky poskakuje během načítání — Google hodnotí hodnotu do 0,1 jako dobrou, nad 0,25 jako špatnou. Ten efekt zná každý: chcete ťuknout na odkaz, v poslední chvíli dodatečně načtený obrázek posune vše dolů a prst skončí na reklamě vedle. Přesně tyto skoky CLS sčítá.
Posuny rozvržení stojí důvěru a vedou k chybným kliknutím
K posunu dochází, když si prvek nárokuje své místo, až když je stránka už zobrazená: obrázek se načte bez rezervované plochy, reklamní banner se vsune mezi nadpis a text, dodatečně načtené písmo změní výšku řádku. Pro návštěvníky to působí, jako by měla stránka uvolněný kontakt. Praktickým důsledkem jsou chybná kliknutí: prst míří na „Zrušit“ a trefí „Koupit“, protože se tlačítka v poslední chvíli přesunula. CLS sčítá všechny tyto posuny během sestavování stránky do jediného čísla — čím větší posunutá plocha a čím dál posun, tím vyšší hodnota.
Hranice Googlu: 0,1 dobrý, od 0,25 špatný
Na rozdíl od časových hodnot nemá CLS jednotku — je to poměrové číslo z posunuté plochy a velikosti posunu. Do 0,1 platí za dobrý, do 0,25 za vyžadující zlepšení, nad tím za špatný. Stránka, jejíž obsah vůbec neposkakuje, dosahuje 0. Kontrolní služba přebírá tyto oficiální hranice Googlu beze změny a měří mobil a počítač odděleně, protože na úzké obrazovce telefonu má stejný posun silnější dopad: co je na počítači malé posunutí, na telefonu odsune polovinu viditelné plochy.
Jak kontrolní služba měří stabilitu rozvržení
Kontrolní služba pro každou kontrolovanou stránku načte měření PageSpeed od Googlu. To dodá CLS ze dvou zdrojů: z terénních dat skutečných návštěvníků za posledních 28 dní, pokud má stránka dost zobrazení, a z laboratorního měření za stanovených podmínek. Jsou-li k dispozici terénní data, mají přednost — ukazují, co se děje skutečným návštěvníkům, včetně pomalých připojení a starších zařízení. Každá hodnota nad hranicí stojí ve zprávě jako nález, s naměřenou hodnotou, zdrojem měření a cílovou hodnotou 0,1 vedle sebe, aby vaše agentura mohla cíleně zlepšit.
- Načtěte si svou domovskou stránku na mobilním telefonu a sledujte první sekundy: Sjede text dolů, jakmile se objeví obrázky nebo bannery?
- Požádejte svou agenturu, aby u každého obrázku a videa uložila pevné údaje o šířce a výšce, aby bylo místo rezervováno od začátku.
- Nechte reklamní plochy a vložený obsah opatřit pevným rámem, který zůstane i tehdy, když obsah dorazí později nebo vůbec.
- Vyžadujte, aby informační bannery — třeba k cookies nebo akcím — plavaly nad stránkou nebo byly naplánované od začátku, místo aby tlačily obsah dolů.
- Zkontrolujte CLS znovu po každé úpravě domovské stránky, protože už jediný nový banner může z dobré hodnoty udělat špatnou.
FAQ
Co znamená CLS u webové stránky?
CLS znamená Cumulative Layout Shift, sečtený posun sestavování stránky. Hodnota zachycuje, jak silně viditelný obsah během načítání mění svou pozici — třeba když dodatečně načtený obrázek posune text dolů. Čím větší posunutá plocha a čím dál posun, tím vyšší číslo. Naprosto klidná stránka dosahuje hodnoty 0.
Jaká hodnota CLS je dobrá?
Google řadí CLS do 0,1 jako dobrý, do 0,25 jako vyžadující zlepšení a nad tím jako špatný. Hodnota nemá jednotku, je to poměrové číslo z plochy a velikosti posunů. Kontrolní služba kontroluje přesně proti těmto oficiálním hranicím a v nálezu uvádí naměřenou hodnotu včetně zdroje měření.
Co způsobuje posuny rozvržení při načítání?
Nejčastější příčiny: obrázky a videa bez uložených údajů o velikosti, reklamní bannery a vložený obsah bez rezervovaného místa, dodatečně vsunuté informační lišty a písma, která po načtení mění výšku řádku. Všem je společné, že si prvek nárokuje své místo, až když je stránka už viditelná — a při tom posune vše pod sebou.
Proč jsou posuny rozvržení na mobilu horší?
Na úzké obrazovce telefonu zabírá stejný prvek mnohem větší podíl viditelné plochy. Banner, který na počítači skoro nevynikne, na telefonu posune polovinu obrazovky dolů. Navíc tam návštěvníci ťukají prstem místo ukazatelem myši — chybná kliknutí na posunutá tlačítka se stávají rychleji. Kontrolní služba proto měří oba typy zařízení odděleně.