Odložení zpracování stránky patří mezi nejefektivnější techniky optimalizace rychlosti webu.

Nechte prohlížeč prokrastinovat a zrychlete tak web. „Lazy-loadovat“ na webu můžete leccos. Od obrázků a jiných médií, přes větší komponenty třetích stran až po kousky DOMu.

Video se zaměřuje na širší oblast – kromě lazy-loadingu se budeme zabývat také lazy-evaluací a lazy-renderingem.

Ukázka z videa

Krátká ukázka ze tří úseků videa. Uvidíte část důležité teorie zvané kritická renderovací cesta a také optimalizaci renderingu.

Obsah videa

  • Parametr loading="lazy" a nativní líné načtení. Kde jej použít a kde naopak ne?
  • Další metody odložení zpracování stránky: líné spouštění, Intersection Observer, líný rendering a vlastnost content-visibility.
  • Jak o tom uvažovat. Zásadní principy práce s lazy loadingem.
  • Ukázky v CodePenech a na konkrétních webech.

Je to pro mě?

Pokročilí

Webinář je určený primárně profesionálním webovým vývojářkám a vývojářům. Očekáváme znalost HTML, CSS, základů měření rychlostioptimalizace obrázků.

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í 5,00 z 5 hvězdiček.
Na základě 15 hodnocení od 88 účastníků.

Našlápnutá hodina s přehlednou strukturou vydržela bavit od začátku do konce.

Jan Matějů – 7. dubna 2021

Super jako vždy. Martin byl skvěle připraven, dané problematice rozumí do posledního drobečku.

Petr Ptáček – 7. dubna 2021

Doporučuji ať už se potřebujete zorientovat v problematice nebo získat další inspiraci.

Karolína Vyskočilová – 4. dubna 2021