IT Ordbog
Hvad er Server-Side Rendering (SSR)?
Server-Side Rendering er en teknik, hvor hjemmesidens HTML genereres på serveren inden den sendes til browseren. Det giver hurtigere visning af indhold, bedre SEO og en optimal brugeroplevelse.
Hvad er SSR?
Server-Side Rendering (SSR) betyder, at en webside genereres som færdig HTML på serveren for hver forespørgsel, inden den sendes til brugerens browser. Modsat Client-Side Rendering (CSR), hvor browseren selv skal bygge siden med JavaScript, modtager browseren med SSR en komplet side, der kan vises med det samme. Dette reducerer tiden til første meningsfulde visning markant.
Sådan fungerer SSR
Når en bruger besøger en SSR-side, sender serveren en forespørgsel til databasen eller API'et, genererer den fulde HTML med data, og sender den færdige side til browseren. Browseren viser straks indholdet, og JavaScript aktiveres derefter for at gøre siden interaktiv (en proces kaldet "hydration"). Next.js, som vi bruger hos Grumsen Development, gør SSR nemt med React Server Components og automatisk optimering.
SSR vs. Client-Side Rendering
Med CSR sender serveren en tom HTML-side med JavaScript-filer, og browseren skal downloade, parse og eksekvere JavaScript for at vise indhold — dette kan tage flere sekunder. Med SSR ser brugeren indholdet næsten øjeblikkeligt. SSR er også bedre for SEO, da søgemaskiner kan læse det fulde indhold direkte fra HTML'en. CSR kan til gengæld give en mere flydende oplevelse efter initial indlæsning for interaktive applikationer.
Hvorfor er SSR vigtigt?
SSR er afgørende for hjemmesider, hvor SEO og indlæsningshastighed er prioriteter. Google bruger Core Web Vitals til at rangere sider, og SSR forbedrer metrics som LCP (Largest Contentful Paint) og FCP (First Contentful Paint) markant. For virksomheder, der vil have høj synlighed i søgeresultater og en professionel brugeroplevelse, er SSR med Next.js den anbefalede tilgang.
