Middle
Jaké jsou typy renderování stránek?
sobes.tech AI
Odpověď od AI
- Asynchronní vykreslování (Async Rendering): Části stránky (například data získaná přes AJAXové požadavky) se načítají a zobrazují postupně, aniž by blokovaly načítání hlavní struktury.
- Vykreslování na straně klienta (Client-Side Rendering, CSR): Prohlížeč načte minimální HTML soubor obsahující odkaz na JavaScript balíček. Tento balíček se spustí v prohlížeči a dynamicky sestaví DOM.
- Vykreslování na straně serveru (Server-Side Rendering, SSR): Server generuje kompletní HTML dokument s obsahem pro každou navštívenou stránku a odešle ho do prohlížeče. Prohlížeč zobrazí již hotovou stránku.
- Statické vykreslování (Static Rendering / Static Site Generation, SSG): Stránky jsou generovány jako statické HTML soubory během sestavení projektu. Tyto soubory jsou následně doručeny uživateli, což zajišťuje velmi rychlé načítání.
- Izomorfní (univerzální) vykreslování (Isomorphic / Universal Rendering): JavaScriptový kód, který může být spuštěn jak na serveru, tak na klientovi. To umožňuje nejprve vykreslit stránku na serveru (pro urychlení prvního zobrazení a SEO), a poté předat řízení na klienta pro interaktivitu.
| Typ vykreslování | Kde se děje | Počáteční načtení | SEO | Interaktivita |
|---|---|---|---|---|
| CSR | Klient (prohlížeč) | Pomalejší než první obsah | Může být složitější | Vysoká po načtení JS |
| SSR | Server | Rychlejší než první obsah | Dobré | Objeví se po načtení JS |
| SSG | Sestavení projektu | Velmi rychlé | Vynikající | Závisí na JS přidaném po statickém načtení |
| Izomorfní | Server a klient | Rychlý první zobrazení | Dobré | Vysoká po "hydratační" |