
Server-side rendering (SSR)
Server-side rendering je technika, při níž se webové stránky generují na serveru pro každý požadavek a do prohlížeče se dodává kompletní HTML pro rychlejší počáteční načtení stránky a lepší SEO.
Server-side rendering (SSR) je metoda vykreslování webových stránek, při níž server generuje kompletní HTML obsah stránky před jejím odesláním do prohlížeče uživatele. Když uživatel požádá o stránku, server zpracuje požadavek, načte potřebná data, vykreslí stránku do HTML a odešle hotový výsledek.
U SSR prohlížeč přijímá obsah připravený k zobrazení, což znamená, že uživatel vidí smysluplný obsah dříve, ještě než se dokončí načítání JavaScriptu. Moderní SSR frameworky jako Next.js, Nuxt.js a Remix učinily SSR mnohem dostupnějším. Kombinují výhody SSR (rychlé počáteční načtení, vstřícnost k SEO) s interaktivitou klientského JavaScriptu.
V praxi
- E-shop migroval z klientsky vykreslované React aplikace na Next.js se SSR a zaznamenal 30% zlepšení organické návštěvnosti, protože Google nyní mohl správně indexovat všechny stránky produktů
- Zpravodajský web používající SSR doručuje články za méně než 1 sekundu, a to i na mobilním připojení, protože HTML přichází ze serveru kompletní
- Platforma pro realitní inzerci přešla na SSR a její skóre Core Web Vitals se zlepšilo ve všech ohledech, zejména Largest Contentful Paint (LCP), které kleslo ze 4,5 s na 1,8 s
- Marketingový web SaaS využívající SSR se pro uživatele načítá okamžitě a zároveň poskytuje dynamický, personalizovaný obsah prostřednictvím načítání dat na serveru
Více o: Tvorba webů
- Responzivní design
- Progresivní webová aplikace (PWA)
- Jednostránková aplikace (SPA)
- Server-side rendering (SSR)
- Statická generace stránek (SSG)
- API (rozhraní pro programování aplikací)
- CMS (Content Management System)
- Headless CMS
- Správa verzí
- CI/CD (Continuous Integration / Continuous Deployment)
- JavaScript Framework
- TypeScript
Nejste si jistí, jak se to týká vás?
Zkušený inženýr projde váš web, vaši viditelnost ve vyhledávání a způsob, jakým se k vám dostávají poptávky, a poté sepíše tři věci, které je vhodné opravit jako první. Dokument si ponecháte tak jako tak.