tech

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

Bez rizika

Za web platíte až tehdy, když jste s ním spokojení

U webů na míru nechci ani korunu předem. Nekupujete zajíce v pytli.

1 Písemně si potvrdíme rozsah Než začnu, domluvíme si černé na bílém, co web bude umět — kolik podstránek, jaké funkce a co znamená hotovo.
2 Postavím web na testovací doméně Celý web vám připravím na dočasné adrese. Nic zatím neplatíte.
3 V klidu si ho projdete a otestujete Proklikáte si ho na počítači i na mobilu a řeknete, co ještě upravit.
4 Zaplatíte a web nasadím k vám Teprve po vašem odsouhlasení a úhradě web přesunu na vaši doménu a hosting.

Nezávazná poptávka