Vad är Server-sidans rendering
Rendering på serversidan
SSR (Server-Side Rendering) är en teknik för att rendera webbsidor på servern innan de skickas till klienten, vilket säkerställer snabb laddning och SEO-optimering.
Hur det fungerar
- Servern tar emot förfrågan från webbläsaren
- Genererar komplett HTML-sida
- Skickar färdig HTML till klienten
- Webbläsaren visar innehållet omedelbart
- JavaScript "hydrerar" sidan för interaktivitet
Fördelar
- Snabb första innehållsvisning (FCP)
- Utmärkt SEO-optimering
- Fungerar utan JavaScript
- Bättre metadata för sociala medier
- Bättre för långsamma enheter
Nackdelar
- Serverbelastning
- Tid till interaktivitet (TTI)
- Cachekomplexitet
- Högre infrastrukturkostnader
Jämförelse med CSR
- SSR: HTML genereras på servern
- CSR: HTML genereras i webbläsaren
- SSG: HTML genereras vid byggtid
Ramverk med SSR
- Next.js (React)
- Nuxt.js (Vue)
- SvelteKit (Svelte)
- Angular Universal
- Remix
När man ska använda
- Innehållssajter och bloggar
- E-handel
- Nyhetsportaler
- SEO-kritiska webbplatser