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

  1. Co je CLS a proč je důležité?
    CLS jako součást důležitých Web Vitals, CLS jako UX metrika.
  2. Problém a jeho měření
    Důležité rozšíření Web Vitals, nepostradatelná Google Search Console.
  3. Co by vás nenapadlo
    Jak přesně se layout shifty počítají, 500 ms hranice, animace.
  4. Demo
    Případová studie opravy CLS na webu Deníku N a Slevomatu.
  5. Optimalizace
    Držíme plochu s poměrem stran, asynchronní JS, fonty, potíže s reklamou.
  6. 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.

Martin Michálek

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ů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

Průměrné hodnocení 4,93 z 5 hvězdiček.
Na základě 28 hodnocení od 136 účastníků.

Na kurzu mi Martin ukázal že to zdaleka není tak prosté.

Jan Bien – 27. ledna 2021

Webinář předčil má očekávání a doporučil bych ho i ostatním, kteří se chtějí od CLS dozvědět co nejvíce.

Martin Pešout, ContentKing – 27. ledna 2021