Skip to content

This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →

Kontrola CLS: proč obsah při načítání poskakuje

Cumulative Layout Shift měří, jak silně viditelný obsah během načítání mění svou polohu. Je to jediná klíčová hodnota bez časové jednotky — a jediná, jejíž dopad zná každý: chcete kliknout a přesně v tu chvíli tlačítko odjede.

  • Nejčastější příčinou jsou obrázky a vložený obsah bez uvedených rozměrů. Prohlížeč neví, kolik místa má nechat volné, a při příchodu vše posune dolů.
  • Druhou nejčastější příčinou jsou dodatečně zobrazované prvky: informační lišty, bannery pro souhlas, reklamní plochy. Pokud zabírají místo místo aby překrývaly, posunou celý obsah.
  • Třetím případem jsou písma: zobrazí-li se nejdřív náhradní písmo a pak se vymění, změní se zalomení řádků a s tím poloha všeho následujícího.

FAQ

Od jaké hodnoty se CLS považuje za dobrý?

Zařazení provádí měřicí nástroj podle zveřejněných prahů; naše zpráva uvádí naměřenou hodnotu i se zařazením. Pro praxi je rozhodující příčina, ne desetinné místo.

Počítají se posuny po akci uživatele?

Posuny bezprostředně po vstupu jsou vyňaty — obvykle jsou záměrné, třeba při rozbalení oblasti.

Jak se zabrání posunům způsobeným obrázky?

Uvedením šířky a výšky. Prohlížeč pak drží místo volné od začátku, i když obrázek dorazí až později.

Deutsche Fassung — mit allen Prüfpunkten dieses Themas