Optimalizace metriky Cumulative Layout Shift není tak snadná, jak by se mohlo zdát. Ideální téma pro video.

CLS udává stabilitu vzhledu stránky během vykreslování a její špatné hodnoty mohou pro uživatele znamenat velmi nepříjemný prožitek při vykreslování stránky:

CLS je také součástí důležité sady metrik od Googlu, Web Vitals.

Ukázka z videa

V ukázce z videa se díváme na část měření a výsledek dema, prováděného na DenikN.cz a dalších webech.

Obsah videa

Co je CLS a proč je důležité?
CLS jako součást důležitých Web Vitals, CLS jako UX metrika.
Problém a jeho měření
Důležité rozšíření Web Vitals, nepostradatelná Google Search Console.
Co by vás nenapadlo
Jak přesně se layout shifty počítají, 500 ms hranice, animace.
Demo
Případová studie opravy CLS na webu Deníku N a Slevomatu.
Optimalizace
Držíme plochu s poměrem stran, asynchronní JS, fonty, potíže s reklamou.
Otázky a diskuze
Diskuze nad weby účastníků.

Je to pro mě?

Pokročilí

Webinář je určený primárně profesionálním webovým vývojářům a vývojářkám. K porozumění obsahu není potřeba znát technologické detaily, takže účast je možná také pro netechnické profese.

Lektor: Martin Michálek

Martin je konzultant rychlosti webu s více než dvacetiletou praxí vývojáře a nadšením pro moderní frontend. Autor blogu Vzhůru dolů a tří e-booků. Se zrychlováním webů pomáhá například Livesportu, Rohlík.cz a desítkám menších webů jako například Srovname.cz, o jehož zrychlováním vznikla případová studie.

Více o lektorovi