CLS

Cumulative Layout Shift

Stručně

Měří, jak moc se layout stránky posouvá během načítání. Nepříjemné když chcete kliknout a tlačítko se posune.

Detail a kontext

CLS (Cumulative Layout Shift) je součet všech neočekávaných posunů layoutu. Google: dobré ≤ 0,1, vyžaduje zlepšení 0,1–0,25, špatné > 0,25. Prevence: vždy uvádějte width/height u obrázků a videí, rezervujte prostor pro reklamy a embedded obsah, nepoužívejte font-display: swap bez fallbacku, vyhněte se vkládání obsahu nad existující obsah (např. cookie bar pushne dolů). CLS je součást Core Web Vitals.

Související pojmy

INP Interaction to Next Paint

Nahradila FID v březnu 2024. Měří, jak rychle stránka reaguje na všechny interakce uživatele (kliky,...

LCP Largest Contentful Paint

Doba, za jakou se vykreslí největší viditelný prvek na stránce (typicky hero obrázek nebo hlavní nad...

Zpět na slovník

Potřebujete pomoci s tímto pojmem v praxi?

Naučit se teorii je první krok. Implementovat ji efektivně už chce zkušenost. Pojďme se o tom pobavit.

Napište mi