Lazy Loading

Líné načítání

Stručně

Odložení načítání obrázků/iframů, dokud nedosáhnou viewportu. Snižuje initial page weight.

Detail a kontext

Lazy loading je technika, která odkládá načítání obrázků, videí a iframů dokud nejsou potřeba (uživatel doroluje). Implementace 2026: native <img loading="lazy"> (default support all browsers), <iframe loading="lazy">, IntersectionObserver API pro custom (lazy mount React components, lazy initialize particle animations). Výhody: rychlejší initial LCP, méně bandwidth, lepší mobile UX, lepší Core Web Vitals. Důležité: ABS NEVER lazy-load above-fold hero image (poškodí LCP — místo toho použijte fetchpriority="high"), vždy uveďte width/height (proti CLS). Pro YouTube embed: lite-youtube-embed (89 KB → 3 KB).

Související pojmy

CLS Cumulative Layout Shift

Měří, jak moc se layout stránky posouvá během načítání. Nepříjemné když chcete kliknout a tlačítko s...

LCP Largest Contentful Paint

Doba, za jakou se vykreslí největší viditelný prvek na stránce (typicky hero obrázek nebo hlavní nad...

Zpět na slovník

Potřebujete pomoci s tímto pojmem v praxi?

Naučit se teorii je první krok. Implementovat ji efektivně už chce zkušenost. Pojďme se o tom pobavit.

Napište mi