tech

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

Bez rizika

Za web platíte až tehdy, když jste s ním spokojení

U webů na míru nechci ani korunu předem. Nekupujete zajíce v pytli.

1 Písemně si potvrdíme rozsah Než začnu, domluvíme si černé na bílém, co web bude umět — kolik podstránek, jaké funkce a co znamená hotovo.
2 Postavím web na testovací doméně Celý web vám připravím na dočasné adrese. Nic zatím neplatíte.
3 V klidu si ho projdete a otestujete Proklikáte si ho na počítači i na mobilu a řeknete, co ještě upravit.
4 Zaplatíte a web nasadím k vám Teprve po vašem odsouhlasení a úhradě web přesunu na vaši doménu a hosting.

Nezávazná poptávka