Name: Zrychlete web pomocí lazy loadingu
Rating: 5

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í rychlosti a optimalizace obrázků.

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