This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Výkon
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.
