Znáte to z mobilu: čtete článek, text najednou uskočí a vy hledáte, kde jste byli. Nebo hůř — sáhnete po tlačítku, stránka se v tu chvíli pohne a prst přistane na něčem úplně jiném. Tuhle frustraci Google měří a dal jí jméno CLS. Je to jedno ze tří čísel Core Web Vitals a jediné z nich, které neměří rychlost, ale jestli web při načítání drží na místě.
Co je CLS a jak se to číslo počítá
CLS znamená Cumulative Layout Shift, kumulativní posun rozvržení. Měří, jak moc se obsah stránky hýbe, aniž byste o to stáli. Každý nečekaný skok dostane skóre podle dvou věcí: jak velký kus obrazovky se pohnul a jak daleko. Posuny, které přijdou rychle za sebou, se sečtou dohromady a výsledné CLS je nejhorší taková dávka, jakou stránka návštěvníkovi předvedla.
Hodnoty čtěte takhle (podle oficiální dokumentace Googlu na web.dev):
- do 0,1 — v pořádku, posunů si skoro nikdo nevšimne,
- 0,1 až 0,25 — znát to je a zážitek trpí,
- nad 0,25 — web viditelně skáče a lidi to štve.
Důležitý detail: počítají se jen posuny, které si návštěvník nevyžádal. Když klepnete na „zobrazit víc“ a stránka se rozbalí, chyba to není (posuny do půl vteřiny po kliknutí Google z výpočtu vynechává). CLS trestá jen skoky, které přijdou samy od sebe.
A ještě jeden: nebere se průměr, ale 75. percentil skutečných návštěv. Nestačí, aby web držel na místě u vás v kanceláři na rychlé síti. Musí držet u tří čtvrtin návštěvníků, včetně těch ve vlaku s jednou čárkou signálu.
Rozhoduje CLS o pozicích?
Trochu. CLS patří do Core Web Vitals a Google uvádí, že dobrá zkušenost se stránkou je jedna z věcí, které jeho systémy hodnocení odměňují. V praxi je to slabý signál mezi mnoha jinými: samotnou opravou CLS konkurenci nepředběhnete. Jak spolu všechny tři metriky souvisí, najdete v přehledu Core Web Vitals; zbylé dvě měří rychlost načtení (LCP) a odezvu na kliknutí (INP).
Skutečný účet za skákající web platíte jinde. Návštěvník klikne na něco jiného, než chtěl, ztratí místo v textu, splete se ve formuláři. U e-shopu to znamená omylem přidané zboží a opuštěné košíky. A tohle v žádném reportu neuvidíte: lidi si nestěžují, prostě odejdou.
Kolik zákazníků vám tenhle měsíc uteče ke konkurenci jen proto, že vás Google nenabídne? Pošlete mi adresu webu — do 48 hodin víte, co opravit, aby vás lidé našli. Audit dělám ručně a zdarma.
Co web nejčastěji rozskáče
Seřazeno podle toho, jak často to u klientských webů potkávám:
Obrázky bez rozměrů. Prohlížeč skládá stránku shora dolů, a dokud obrázek nedorazí, neví, kolik místa mu nechat. Tak mu nenechá žádné — a když se obrázek načte, odstrčí všechno pod sebou. Oprava je přitom banální: každý obrázek má mít v kódu uvedenou šířku a výšku, prohlížeč si pak místo rezervuje předem.
Reklamy a embedy. Bannery, mapy, videa a vložené příspěvky ze sociálních sítí se načítají ze serverů třetích stran, takže dorazí skoro vždycky později než zbytek stránky. Bez rezervovaného místa pak roztlačí obsah kolem sebe.
Cookie lišty a další bannery. Lišta, která se vysune nahoře a odtlačí celou stránku dolů, je posun přes celou obrazovku: CLS z ní bývá horší než ze všech obrázků dohromady. Lišta, která obsah jen překryje, skóre nekazí. Proč tu lištu vůbec máte a co se za ní právně skrývá, rozebírám v článku o cookies.
Písmo. Než se stáhne vlastní font webu, prohlížeč text buď schová, nebo ho vykreslí náhradním písmem. Náhradní písmo má jinou šířku i výšku, takže po výměně text poskočí. Úplně se tomu vyhnout nedá, srazit na minimum ano — a je to drobný zásah pro vývojáře.
Dynamicky vkládaný obsah. Upozornění, doporučené produkty, výsledky hledání — cokoliv, co skript vloží nad místo, kde právě jste. Platí jednoduché pravidlo: nový obsah patří pod to, co už člověk čte, nebo do předem rezervovaného místa.
Jak zjistíte svoje CLS
Zadejte adresu stránky do PageSpeed Insights (pagespeed.web.dev). Dostanete dvě různá čísla a vyplatí se vědět, čím se liší:
- Polní data nahoře pocházejí z reálných návštěv vašeho webu v Chromu za posledních 28 dní. Tohle číslo se počítá — je to totéž, co vidí Google.
- Laboratorní data níž jsou jeden simulovaný test. Hodí se na rychlé ověření opravy, ale CLS často ukazují nižší, protože robot měří hlavně načtení a nechová se na stránce jako člověk.
Menší weby polní data mít nemusí, na to je potřeba dost návštěv. Pak zbývá laboratorní test a vlastní oči: otevřete web na starším mobilu mimo wifi a dívejte se, co se během načítání hýbe. A pokud máte Search Console, v sekci Core Web Vitals uvidíte, kterých skupin stránek se problém týká.
Co s tím, když nejste vývojář
CLS skoro nikdy neopravíte v administraci. Viník sedí v šabloně, v pluginu nebo v reklamním kódu — a vaše role je dát dodavateli přesné zadání místo „web nám skáče“. Tři požadavky, které pokryjí většinu případů:
- „Všechny obrázky ať mají v kódu uvedenou šířku a výšku.“
- „Cookie lišta, bannery a reklamní pozice ať mají rezervované místo, nebo ať obsah překrývají místo odtlačování.“
- „Písmo ať se načítá tak, aby text nepřeskakoval“ (vývojáři stačí říct font-display: swap).
U WordPressu a podobných systémů se nejdřív ptejte na šablonu a pluginy; nezřídka to vyřeší aktualizace nebo výměna jednoho doplňku. Podrobný postup, jak konkrétního viníka vystopovat v prohlížeči, popisuju v samostatném návodu Ladění CLS.
Časté otázky
Proč mám špatné CLS jen na mobilu?
Na malé obrazovce zabere stejný posun větší díl displeje, takže skóre roste rychleji. Mobilní verze navíc mívají víc reklamních pozic a data tečou přes pomalejší připojení, takže obrázky i fonty dorážejí později. A Google hodnotí mobil a počítač zvlášť — pěkné číslo z notebooku vás nezachrání.
Počítá se posun, který si vyvolám sám?
Nepočítá. Posuny do 500 milisekund po klepnutí nebo psaní se z výpočtu vynechávají, takže rozbalovací menu ani akordeon s otázkami CLS nekazí. Trestá se jen pohyb bez vašeho přičinění.
Za jak dlouho se oprava projeví?
V laboratorním testu hned — tím si ověříte, že zásah funguje. Polní data se ale sbírají za klouzavých 28 dní, takže v PageSpeed Insights i v Search Console se číslo zlepšuje postupně. Počítejte s několika týdny, než se oprava propíše celá.
Radši byste se věnovali podnikání než SEO? Přesně od toho jsem tady já.
Chyba, na kterou si nikdo nestěžuje
Skákající rozvržení má jednu zákeřnost: není po něm stopa. Návštěvník, kterému tlačítko uteklo pod prstem, nenapíše na podporu — zavře web a koupí jinde. Proto stojí za to znát svoje CLS dřív, než ho začnete hledat v tržbách.
Toho, kdo kvůli uskočenému tlačítku odešel, už nedoženete. Ty další ale ano. V auditu se pozná, jestli za odcházením návštěvníků stojí skákání, nebo něco jiného — a čím začít.
Zdroje k faktům v článku:
- CLS: definice, výpočet, prahové hodnoty 0,1 a 0,25, 75. percentil, výjimka 500 ms po interakci (ověřeno 16. 7. 2026): web.dev/articles/cls
- Polní vs. laboratorní data v PageSpeed Insights, polní data za klouzavých 28 dní (ověřeno 16. 7. 2026): developers.google.com
- Core Web Vitals a hodnocení ve vyhledávání Google (ověřeno 16. 7. 2026): developers.google.com
