SSR, zkratka pro „ Server-Side Rendering “, je technika vývoje webu, která zahrnuje generování obsahu HTML webové stránky na serveru před jejím odesláním do prohlížeče uživatele. To je v kontrastu s přístupem „Client-Side Rendering“(CSR), kdy prohlížeč stáhne kód JavaScript a po stažení vytvoří webovou stránku.
Struktura a princip činnosti SSR
-
Požadavek uživatele: Když uživatel vstoupí na webovou stránku, prohlížeč odešle požadavek na server.
-
Zpracování serveru: Server přijme požadavek a zpracuje jej vytvořením obsahu HTML webové stránky. To zahrnuje načítání dat z databází, vytváření komponent rozhraní a sestavení obsahu do úplného dokumentu HTML.
-
Vytváření kompletního HTML: Po zpracování server vytvoří kompletní HTML dokument obsahující nezbytný obsah, data a komponenty rozhraní.
-
Odeslání do prohlížeče: Server odešle kompletní dokument HTML zpět do prohlížeče uživatele.
-
Vykreslení stránky: Prohlížeč obdrží dokument HTML a vykreslí jej pro uživatele. JavaScriptový kód a statické zdroje(CSS, obrázky) jsou také načítány a spouštěny prohlížečem.
Výhody SSR
- Výhody SEO: Vyhledávače mohou lépe porozumět a hodnotit webové stránky, když je obsah předem vykreslen na serveru.
- Rychlejší zobrazení: Uživatelé vidí obsah rychleji, protože dokument HTML je předem vykreslen.
- Podpora pro slabá zařízení: Předvykreslený obsah zlepšuje zážitek pro zařízení s nižším výkonem nebo slabším připojením.
- Podpora pro uživatele bez JavaScriptu: SSR umožňuje zobrazení základní verze pro uživatele, kteří nepoužívají JavaScript.
Závěrem lze říci, že SSR optimalizuje výkon a prohledatelnost webových stránek generováním obsahu HTML na serveru před jeho odesláním do prohlížeče. To poskytuje lepší uživatelskou zkušenost, zlepšuje hodnocení ve vyhledávačích a zlepšuje celkový výkon webových stránek.