Server-side rendering (SSR)

Server-side rendering (SSR, vykreslování na straně serveru) znamená, že HTML stránky se sestaví na serveru a do prohlížeče dorazí už hotové. Opakem je client-side rendering (CSR), kdy server pošle skoro prázdnou stránku a obsah doplní až JavaScript běžící v prohlížeči. Rozdíl zní technicky, ale má přímý dopad na rychlost, SEO i zážitek uživatele.

Výhody SSR jsou hlavně dvě. Za prvé rychlost prvního zobrazení - uživatel vidí obsah dřív, protože nečeká, až se stáhne a spustí velký balík JavaScriptu. Za druhé SEO a sdílení: vyhledávače a sociální sítě dostanou plnohodnotné HTML rovnou, takže nemusí spoléhat na to, že doběhne JavaScript. Pro obsahové weby, e-shopy a landing pages, kde záleží na pozicích a na rychlém načtení, je to velká výhoda.

SSR má i cenu. Server musí stránku sestavit při každém požadavku, což ho zatěžuje víc než servírování statického souboru. Proto se v praxi často kombinuje s cachováním nebo s dalšími režimy - statickým generováním (SSG), kde se stránky předgenerují při buildu, a inkrementální regenerací (ISR), která statické stránky obnovuje po čase. Po doručení HTML navíc proběhne hydratace: JavaScript se připojí k hotovému HTML a oživí interaktivní prvky.

Moderní frameworky jako Next.js, Nuxt nebo SvelteKit umožňují tyto režimy míchat stránku od stránky. Statický blog článek se předgeneruje, uživatelský dashboard se vykreslí klientsky, produktová stránka serverově s cachí. Volba není buď, anebo - je to rozhodnutí pro každou část webu zvlášť podle toho, co dává smysl.