SSR, forkortelse for " Server-Side Rendering ," er en webudviklingsteknik, der involverer generering af HTML-indholdet på en webside på serveren, før den sendes til brugerens browser. Dette står i modsætning til "Client-Side Rendering"(CSR) tilgangen, hvor browseren downloader JavaScript-kode og konstruerer websiden efter download.
Struktur og arbejdsprincip for SSR
-
Brugeranmodning: Når en bruger tilgår et websted, sender browseren en anmodning til serveren.
-
Serverbehandling: Serveren modtager anmodningen og behandler den ved at bygge HTML-indholdet på websiden. Dette inkluderer at hente data fra databaser, oprette interfacekomponenter og samle indholdet til et komplet HTML-dokument.
-
Oprettelse af komplet HTML: Efter behandling opretter serveren et komplet HTML-dokument, der indeholder det nødvendige indhold, data og grænsefladekomponenter.
-
Sender til browser: Serveren sender hele HTML-dokumentet tilbage til brugerens browser.
-
Gengivelse af siden: Browseren modtager HTML-dokumentet og gengiver det for brugeren. JavaScript-kode og statiske ressourcer(CSS, billeder) indlæses og udføres også af browseren.
Fordele ved SSR
- SEO Fordele: Søgemaskiner kan bedre forstå og rangere websteder, når indholdet er præ-renderet på serveren.
- Hurtigere visning: Brugere ser indhold hurtigere, fordi HTML-dokumentet er præ-gengivet.
- Understøttelse af svage enheder: Forudgengivet indhold forbedrer oplevelsen for enheder med lavere ydeevne eller svagere forbindelser.
- Understøttelse af ikke-JavaScript-brugere: SSR gør det muligt at vise en grundlæggende version for brugere, der ikke bruger JavaScript.
Afslutningsvis optimerer SSR ydeevnen og søgbarheden på websteder ved at generere HTML-indhold på serveren, før det sendes til browseren. Dette giver en bedre brugeroplevelse, forbedrer søgemaskinernes placeringer og forbedrer den overordnede webstedsydelse.