SSR (Server Side Rendering)

SSR (Server Side Rendering), česky vykreslování na straně serveru, je technika, při níž webový server sestaví kompletní HTML stránku a teprve poté ji odešle do prohlížeče návštěvníka. Prohlížeč dostane hotový obsah a může ho okamžitě zobrazit, aniž by musel čekat na spuštění JavaScriptu.

Tradiční alternativou je CSR (Client Side Rendering), kde prohlížeč stáhne prázdnou HTML stránku a teprve pak spustí JavaScript, který data načte a obsah vykreslí. U SSR toto vykreslení proběhne přímo na serveru, takže uživatel vidí obsah rychleji a vyhledávače ho snáze přečtou.

Z pohledu SEO je SSR velmi výhodné. Googleboti a ostatní webcrawlery indexují stránky podle jejich HTML obsahu. Pokud je stránka prázdná a obsah se teprve doplňuje přes JavaScript, může robot odejít dříve, než ho vidí. SSR tento problém odstraňuje, protože HTML s plným obsahem je k dispozici hned při prvním požadavku.

SSR se dnes nejčastěji spojuje s moderními JavaScript frameworky jako Next.js (pro React) nebo Nuxt.js (pro Vue.js). Tyto frameworky umožňují kombinovat SSR s dalšími přístupy, například se statickým generováním stránek (SSG) nebo postupnou hydratací, kdy stránka začíná jako statické HTML a teprve pak „oživne“ interaktivitou.

Mezi hlavní výhody SSR patří rychlejší First Contentful Paint (uživatel vidí obsah dříve), lepší výkon na slabších zařízeních a příznivější hodnocení v Core Web Vitals. Na druhou stranu SSR klade vyšší nároky na server, protože musí generovat HTML při každém požadavku. Proto je důležité správně nastavit cache a případně využít CDN, která vygenerované stránky distribuuje blíže k uživatelům.

Časté dotazy

Jaký je rozdíl mezi SSR a CSR?

U SSR (Server Side Rendering) server sestaví celé HTML a odešle ho do prohlížeče hotové. U CSR (Client Side Rendering) prohlížeč stáhne prázdnou stránku a obsah dokreslí až po spuštění JavaScriptu. SSR je rychlejší pro první zobrazení a příznivější pro SEO, CSR zase snižuje zátěž serveru a hodí se pro vysoce interaktivní aplikace.

Proč je SSR důležité pro SEO?

Vyhledávače indexují obsah stránek na základě jejich HTML. Pokud je stránka vykreslována jen přes JavaScript (CSR), robot může stránku přečíst jako prázdnou a klíčový obsah neindexovat. SSR dodá plný HTML obsah hned při prvním načtení, takže Google i ostatní vyhledávače vidí vše ihned a správně stránku zaindexují.

Používá WordPress SSR?

Klasický WordPress ve skutečnosti funguje podobně jako SSR, protože PHP na serveru generuje HTML stránku a posílá ji prohlížeči. Pojem SSR se ale v kontextu WordPressu nejčastěji skloňuje v headless scénářích, kde WordPress slouží jako CMS pro obsah a frontend je postaven v Next.js nebo Nuxt.js, které SSR plně podporují a zajišťují rychlé načítání i správnou indexaci.