Junior
Čo je serverové vykresľovanie (SSR)?
sobes.tech AI
Odpoveď od AI
Server-side rendering (SSR) je proces, pri ktorom je webová stránka generovaná na serveri ako odpoveď na požiadavku klienta. Namiesto odoslania klientovi prázdneho HTML dokumentu a balíka JavaScriptu na neskoršie renderovanie v prehliadači, server vytvorí kompletný HTML dokument s už vloženým obsahom.
Výhody SSR:
- SEO optimalizácia: Vyhľadávacie roboty ľahšie indexujú obsah, pretože dostávajú hotové HTML, nie dynamicky generovaný JavaScript.
- Čas prvého zobrazenia (FCP): Používateľ vidí obsah stránky rýchlejšie, pretože server už poskytol hotové HTML, ktoré môže prehliadač okamžite zobraziť.
- Výkon na slabších zariadeniach: Menej zdrojov pre klientske zariadenie, pretože väčšina práce na generovaní stránky sa vykonáva na serveri.
- Vylepšená interakcia na sociálnych sieťach: Pri zdieľaní dostávajú sociálne siete hotový obsah na náhľad, nie prázdnu stránku.
Nevýhody SSR:
- Zvýšenie záťaže na serveri: Server musí spracovávať požiadavky na renderovanie každej stránky, čo môže byť náročné na zdroje.
- Zníženie interaktivity do času hydratácie: Po obdržaní HTML je potrebný čas na "hydratáciu" — naviazanie JavaScriptovej logiky na už zobrazený DOM. Do ukončenia hydratácie môže byť stránka čiastočne alebo úplne neinteraktívna.
- Zložitosť vo vývoji: Vyžaduje špecifickú architektúru aplikácie a špeciálne frameworky (napríklad Next.js pre React, Nuxt.js pre Vue.js, Angular Universal pre Angular).
Pri SSR klient odošle požiadavku na server, ktorý ju spracuje, vygeneruje reťazec HTML s hotovým obsahom a štruktúrou a odošle ho späť klientovi. Prehliadač zobrazí prijatý HTML a následne načíta a spustí JavaScript klienta na pridanie interaktivity (proces hydratácie).