Cumulative Layout Shift (CLS) je metrika používaná v oblasti webové optimalizace (zejména v Core Web Vitals od Google), která měří vizuální stabilitu stránky.
Jednoduše řečeno, CLS ukazuje, jak moc se prvky na stránce „posouvají“ během jejího načítání. Například, pokud čtete text a náhle se pod ním objeví obrázek nebo reklama, posune se obsah a musíte hledat, kde jste skončili – to je přesně problém, který CLS hodnotí.
Klíčové body:
- CLS se počítá jako součet všech neočekávaných posunů layoutu během načítání stránky.
- Vyjadřuje se číslem – čím nižší číslo, tím stabilnější stránka.
- Google doporučuje, aby CLS byl menší nebo roven 0,1 pro dobrou uživatelskou zkušenost.
Příklady příčin vysokého CLS:
- Obrázky nebo videa bez nastavených rozměrů.
- Dynamický obsah, jako například reklamy nebo pop-up okna.
- Web fonty, které mění velikost textu po načtení.
