Junior
Co je serverové vykreslování (SSR)?
sobes.tech AI
Odpověď od AI
Serverové vykreslování (SSR) je proces, při kterém je webová stránka generována na serveru jako odpověď na požadavek klienta. Namísto odeslání prázdného HTML dokumentu a balíčku JavaScriptu pro pozdější vykreslení v prohlížeči, server vytvoří kompletní HTML dokument s již vloženým obsahem.
Výhody SSR:
- SEO optimalizace: Vyhledávací roboty snadněji indexují obsah, protože dostávají hotové HTML, nikoli dynamicky generovaný JavaScript.
- Doba prvního vykreslení (FCP): Uživatel vidí obsah stránky rychleji, protože server již poskytl hotové HTML, které může prohlížeč ihned zobrazit.
- Výkon na slabých zařízeních: Méně náročné na zdroje pro klientské zařízení, protože většina práce na generování stránky je provedena na serveru.
- Vylepšená interakce na sociálních sítích: Při sdílení dostávají sociální sítě hotový obsah pro náhled, nikoli prázdnou stránku.
Nevýhody SSR:
- Zvýšení zátěže na serveru: Server musí zpracovávat požadavky na vykreslení každé stránky, což může být náročné na zdroje.
- Snížení interaktivity do doby hydratace: Po obdržení HTML je potřeba čas na "hydrataci" — navázání JavaScriptové logiky na již zobrazené DOM. Do dokončení hydratace může být stránka částečně nebo úplně neinteraktivní.
- Složitost vývoje: Vyžaduje specifickou architekturu aplikace a speciální frameworky (například Next.js pro React, Nuxt.js pro Vue.js, Angular Universal pro Angular).
U SSR klient odešle požadavek na server, který jej zpracuje, vygeneruje řetězec HTML obsahující hotový obsah a strukturu a odešle jej zpět klientovi. Prohlížeč zobrazí obdržený HTML a poté načte a spustí JavaScript klienta pro přidání interaktivity (proces hydratace).