Junior
Wat is server-side rendering (SSR)?
sobes.tech AI
Antwoord van AI
Server-side rendering (SSR) is het proces waarbij een webpagina op de server wordt gegenereerd als reactie op een verzoek van de client. In plaats van een lege HTML-document en een JavaScript-bundel te sturen voor latere rendering in de browser, maakt de server een volledig HTML-document met de inhoud al ingebed.
Voordelen van SSR:
- SEO-optimalisatie: Zoekrobots indexeren de inhoud gemakkelijker omdat ze volledige HTML ontvangen, in plaats van dynamisch gegenereerde JavaScript.
- Eerste paint tijd (FCP): De gebruiker ziet de inhoud van de pagina sneller omdat de server al een klaar HTML heeft geleverd die direct door de browser kan worden weergegeven.
- Prestaties op zwakke apparaten: Minder resource-intensief voor het clientapparaat omdat het grootste deel van het paginageneratieproces op de server plaatsvindt.
- Verbeterde interactie op sociale media: Bij het delen krijgen sociale netwerken een klaar preview-inhoud in plaats van een lege pagina.
Nadelen van SSR:
- Toename van de belasting op de server: De server moet renderverzoeken voor elke pagina verwerken, wat resource-intensief kan zijn.
- Verminderde interactiviteit tot hydratatie: Na ontvangst van HTML heeft de browser tijd nodig om te "hydrateren" — de JavaScript-logica te koppelen aan de al weergegeven DOM. Tot de voltooiing van de hydratatie kan de pagina gedeeltelijk of volledig niet-interactief zijn.
- Complexiteit in ontwikkeling: Vereist een specifieke architectuur van de applicatie en speciale frameworks (bijvoorbeeld Next.js voor React, Nuxt.js voor Vue.js, Angular Universal voor Angular).
Bij SSR stuurt de client een verzoek naar de server, die het verwerkt, een HTML-string genereert met de inhoud en structuur, en deze terugstuurt naar de client. De browser toont de ontvangen HTML en laadt vervolgens de JavaScript van de client om interactiviteit toe te voegen (hydratatieproces).