Výkon a Core Web Vitals
Poskakování layoutu (CLS)
Obsah skáče při načítání — chybí rozměry obrázků, fonty nebo reklamy. Oprava v Images a Pulse.
Typický příznak
PageSpeed ukazuje vysoké CLS, uživatel klikne na špatné tlačítko, layout se posune.
Puluno moduly
ImagesPulse
Vrácení změny
Částečně — viz článek
Kódy nálezů
cls_high, images_missing_dimensions
Co vidíte
- Nález
cls_highneboimages_missing_dimensions. - Lighthouse: Cumulative Layout Shift nad 0,1 (mobil).
- Banner / cookie lišta odsune obsah po načtení.
- Obrázky bez
width/height— prázdné místo, pak „skok“.
Proč to vzniká
CLS měří neočekávaný posun layoutu. Google penalizuje UX, ne „SEO text“.
Typické příčiny:
<img>bez width/height (theme, page builder).- Webfont načtený pozdě — FOUT/FOIT.
- Lazy iframe / mapa / reklama vložená nad foldem.
- Cookie / GDPR lišta injectnutá do
<body>bez rezervovaného místa. - Dynamický košík WooCommerce v headeru.
Co udělá Puluno
| Fáze | Modul | Akce |
|---|---|---|
| Diagnóza | Průzkumník + Pulse | CLS skóre, elementy bez rozměrů |
| Apply | Images | doplní width/height u obrázků v obsahu |
| Apply | Pulse | rezervace místa pro fonty / defer non-critical CSS (safe) |
| Verify | Průzkumník / Lab | stejná URL — cls nález klesne |
CLS z reklamy třetí strany Pulse neodstraní — jen identifikuje.
Krok za krokem
- Průzkumník + volitelně Lab Performance na homepage (mobil).
- Zjistěte který element skáče (Lighthouse shift trace).
- Images Apply — rozměry u obrázků v obsahu a loga.
- Theme: pevná výška cookie lišty nebo
font-display: swap+ rezervace. - Pulse safe fixes — pokud nález doporučí defer CSS/JS.
- Verify: stejná URL —
cls_highpryč nebo nižší severity. - U klienta test na reálném Androidu — lab ≠ vždy field.
Rollback — vrátit změnu
- Images — revert rozměrů u konkrétních souborů.
- Pulse — rollback batch u CSS/JS změn.
Kdy to není na Puluno
- AdSense / GTM banner — omezte v tag manageru.
- Page builder animace — vypnout auto height animace nad foldem.
- Problém jen v CrUX field date — nasazení trvá 28 dní; lab Verify stačí pro Apply důkaz.
Související: Pomalý web — LCP — často stejný hero obrázek.
Související situace
Manuál modulu