Hva er Server-side rendering
Gjengivelse på serversiden
SSR (Server-Side Rendering) er en teknikk for å gjengi nettsider på serveren før de sendes til klienten, som sikrer rask lasting og SEO-optimalisering.
Hvordan det fungerer
- Serveren mottar forespørsel fra nettleseren
- Genererer komplett HTML-side
- Sender ferdig HTML til klienten
- Nettleseren viser innholdet umiddelbart
- JavaScript "hydrerer" siden for interaktivitet
Fordeler
- Rask første innholdsvisning (FCP)
- Utmerket SEO-optimalisering
- Fungerer uten JavaScript
- Bedre metadata for sosiale medier
- Bedre for trege enheter
Ulemper
- Serverbelastning
- Tid til interaktivitet (TTI)
- Cache-kompleksitet
- Høyere infrastrukturkostnader
Sammenligning med CSR
- SSR: HTML genereres på serveren
- CSR: HTML genereres i nettleseren
- SSG: HTML genereres ved byggetid
Rammeverk med SSR
- Next.js (React)
- Nuxt.js (Vue)
- SvelteKit (Svelte)
- Angular Universal
- Remix
Når man skal bruke
- Innholdssider og blogger
- E-handel
- Nyhetsportaler
- SEO-kritiske nettsteder