SSR, forkortelse for " Server-Side Rendering ," er en nettutviklingsteknikk som innebærer å generere HTML-innholdet til en nettside på serveren før den sendes til brukerens nettleser. Dette står i kontrast til "Client-Side Rendering"(CSR)-tilnærmingen, der nettleseren laster ned JavaScript-kode og konstruerer nettsiden etter nedlasting.
Struktur og arbeidsprinsipp for SSR
-
Brukerforespørsel: Når en bruker går inn på et nettsted, sender nettleseren en forespørsel til serveren.
-
Serverbehandling: Serveren mottar forespørselen og behandler den ved å bygge HTML-innholdet på nettsiden. Dette inkluderer å hente data fra databaser, lage grensesnittkomponenter og sette sammen innholdet til et komplett HTML-dokument.
-
Opprette komplett HTML: Etter behandling lager serveren et komplett HTML-dokument som inneholder nødvendig innhold, data og grensesnittkomponenter.
-
Sending til nettleser: Serveren sender hele HTML-dokumentet tilbake til brukerens nettleser.
-
Gjengi siden: Nettleseren mottar HTML-dokumentet og gjengir det for brukeren. JavaScript-kode og statiske ressurser(CSS, bilder) lastes og kjøres også av nettleseren.
Fordeler med SSR
- SEO-fordeler: Søkemotorer kan bedre forstå og rangere nettsteder når innholdet er forhåndsgjengitt på serveren.
- Raskere visning: Brukere ser innhold raskere fordi HTML-dokumentet er forhåndsgjengitt.
- Støtte for svake enheter: Forhåndsrendert innhold forbedrer opplevelsen for enheter med lavere ytelse eller svakere tilkoblinger.
- Støtte for ikke-JavaScript-brukere: SSR gjør det mulig å vise en grunnleggende versjon for brukere som ikke bruker JavaScript.
Avslutningsvis optimerer SSR ytelsen og søkbarheten til nettsider ved å generere HTML-innhold på serveren før det sendes til nettleseren. Dette gir en bedre brukeropplevelse, forbedrer søkemotorrangeringer og forbedrer den generelle ytelsen til nettstedet.