Cumulative Layout Shift (CLS) je metrika používaná v oblasti webovej optimalizácie (najmä v Core Web Vitals od Google), ktorá meria vizuálnu stabilitu stránky.
Jednoducho povedané, CLS ukazuje, ako veľmi sa prvky na stránke „posúvajú“ počas jej načítania. Napríklad, ak čítate text a náhle sa pod ním objaví obrázok alebo reklama, posunie sa obsah a musíte hľadať, kde ste skončili – to je presne problém, ktorý CLS hodnotí.
Kľúčové body:
CLS sa počíta ako súčet všetkých neočakávaných posunov layoutu počas načítania stránky.
Vyjadruje sa číslom – čím nižšie číslo, tým stabilnejšia stránka.
Google odporúča, aby CLS bol menší alebo rovný 0,1 pre dobrú používateľskú skúsenosť.
Príklady príčin vysokého CLS:
Obrázky alebo videá bez nastavených rozmerov.
Dynamický obsah, ako napríklad reklamy alebo pop-up okná.
Web fonty, ktoré menia veľkosť textu po načítaní.
