SSR, förkortning för ", Server-Side Rendering " är en webbutvecklingsteknik som innebär att HTML-innehållet på en webbsida på servern genereras innan det skickas till användarens webbläsare. Detta står i kontrast till "Client-Side Rendering"(CSR)-metoden, där webbläsaren laddar ner JavaScript-kod och konstruerar webbsidan efter nedladdning.
Struktur och arbetsprincip för SSR
-
Användarförfrågan: När en användare går in på en webbplats skickar webbläsaren en begäran till servern.
-
Serverbearbetning: Servern tar emot begäran och bearbetar den genom att bygga HTML-innehållet på webbsidan. Detta inkluderar att hämta data från databaser, skapa gränssnittskomponenter och sätta samman innehållet till ett komplett HTML-dokument.
-
Skapa komplett HTML: Efter bearbetning skapar servern ett komplett HTML-dokument som innehåller nödvändigt innehåll, data och gränssnittskomponenter.
-
Skicka till webbläsare: Servern skickar hela HTML-dokumentet tillbaka till användarens webbläsare.
-
Rendera sidan: Webbläsaren tar emot HTML-dokumentet och renderar det åt användaren. JavaScript-kod och statiska resurser(CSS, bilder) laddas och körs också av webbläsaren.
Fördelar med SSR
- SEO-fördelar: Sökmotorer kan bättre förstå och ranka webbplatser när innehållet är förrenderat på servern.
- Snabbare visning: Användare ser innehåll snabbare eftersom HTML-dokumentet är förrenderat.
- Stöd för svaga enheter: Förrenderat innehåll förbättrar upplevelsen för enheter med lägre prestanda eller svagare anslutningar.
- Stöd för icke-JavaScript-användare: SSR gör det möjligt att visa en grundläggande version för användare som inte använder JavaScript.
Sammanfattningsvis optimerar SSR webbplatsernas prestanda och sökbarhet genom att generera HTML-innehåll på servern innan det skickas till webbläsaren. Detta ger en bättre användarupplevelse, förbättrar sökmotorernas rankning och förbättrar webbplatsens övergripande prestanda.