Middle
Aké sú typy renderovania stránok?
sobes.tech AI
Odpoveď od AI
- Asynchrónne vykresľovanie (Async Rendering): Časti stránky (napríklad údaje získané cez AJAX požiadavky) sa načítajú a zobrazujú postupne, bez blokovania načítania hlavnej štruktúry.
- Vykresľovanie na strane klienta (Client-Side Rendering, CSR): Prehliadač načíta minimálny HTML súbor, ktorý obsahuje odkaz na JavaScript balík. Tento balík sa vykonáva v prehliadači a dynamicky vytvára DOM.
- Vykresľovanie na strane servera (Server-Side Rendering, SSR): Server generuje kompletný HTML dokument s obsahom pre každú navštívenú stránku a odosiela ho do prehliadača. Prehliadač zobrazí už hotovú stránku.
- Statické vykresľovanie (Static Rendering / Static Site Generation, SSG): Stránky sú generované ako statické HTML súbory počas build procesu projektu. Tieto súbory sú následne doručené používateľovi, zabezpečujúc veľmi rýchle načítanie.
- Izomorfné (univerzálne) vykresľovanie (Isomorphic / Universal Rendering): JavaScriptový kód, ktorý môže byť spustený ako na serveri, tak na klientovi. To umožňuje najskôr vykresliť stránku na serveri (pre zrýchlenie prvého zobrazenia a SEO), a potom previesť kontrolu na klienta pre interaktivitu.
| Typ vykreslenia | Kde sa deje | Počiatočné načítanie | SEO | Interaktivita |
|---|---|---|---|---|
| CSR | Klient (prehliadač) | Pomalšie ako prvý obsah | Môže byť zložitejšie | Vysoká po načítaní JS |
| SSR | Server | Rýchlejšie ako prvý obsah | Dobré | Objavuje sa po načítaní JS |
| SSG | Skladanie projektu | Veľmi rýchle | Vynikajúce | Závisí od JS, pridávaného po statickom načítaní |
| Izomorfný | Server a klient | Rýchly prvý zobrazenie | Dobré | Vysoká po "hydratácii" |