Vykresľovanie na serveri

Čo to znamená

Vykresľovanie na serveri, po anglicky server-side rendering alebo SSR, je prístup, pri ktorom server pošle prehliadaču hotový HTML kód stránky. Prehliadač ho môže hneď zobraziť a JavaScript sa načíta až potom, aby stránke pridal interaktívne prvky, napríklad formuláre alebo filtre.

Opakom je vykresľovanie v prehliadači, keď server pošle len prázdnu kostru a obsah sa doplní až po stiahnutí a spustení JavaScriptu. Takýto web môže pôsobiť pomaly, najmä na slabších mobiloch, a niektoré crawlery vyhľadávačov či AI služieb obsah vôbec neuvidia.

Príbuzným prístupom je generovanie stránok vopred pri zostavení webu, z ktorého vzniká statický web. Kým SSR vytvára HTML pri každej požiadavke, statické generovanie ho pripraví raz a server ho len odosiela, čo je ešte rýchlejšie a lacnejšie na prevádzku.

Ako to funguje v praxi

Pre firemné weby, blogy a slovníky pojmov je SSR alebo statické generovanie dôležité z pohľadu technického SEO. Vyhľadávač dostane celý text, nadpisy a odkazy hneď v prvej odpovedi a nemusí čakať na spustenie skriptov, čo zjednodušuje indexovanie.

Hotový HTML kód pomáha aj pri metrikách Core Web Vitals, najmä pri rýchlosti zobrazenia hlavného obsahu. Používateľ vidí text skôr a stránka menej poskakuje, čo zlepšuje dojem z webu aj jeho pozíciu vo výsledkoch vyhľadávania.

Rastúci význam má SSR pre optimalizáciu pre generatívne vyhľadávače. Jazykové modely a ich crawlery často nespúšťajú JavaScript, takže obsah, ktorý existuje len po vykreslení v prehliadači, sa do ich odpovedí a citácií nemusí vôbec dostať.

Na čo si dať pozor

SSR zvyšuje nároky na server, pretože ten musí stránku zostaviť pri každej návšteve. Pri webe, ktorého obsah sa mení zriedka, je preto často výhodnejšie statické generovanie alebo kombinácia s vyrovnávacou pamäťou, ktorá znižuje záťaž aj náklady na hosting.

Pri prechode na nový web, napríklad s headless CMS, treba overiť, že dôležitý obsah je v HTML naozaj prítomný. Jednoduchou kontrolou je zobraziť zdrojový kód stránky a hľadať v ňom text, prípadne použiť nástroje vyhľadávača na kontrolu vykreslenia.