Wat is Server-side rendering (SSR)?

Een methode waarbij de server bij elk binnenkomend verzoek de HTML van een pagina genereert en teruggeeft. De browser kan de HTML tonen zodra die binnenkomt, dus de eerste weergave is snel en de inhoud is goed te begrijpen voor zoekmachines. Minimale HTML en JavaScript verzenden en de pagina in de browser opbouwen heet client-side rendering (CSR), en de HTML van alle pagina's vooraf bij de build genereren heet static site generation (SSG). In veel opzetten wordt de op de server gegenereerde HTML na het tonen ook met JavaScript interactief gemaakt.

Japanse benaming: サーバサイドレンダリング(SSR)

“Server-side rendering (SSR)” komt voor in 1 oefenvragen uit 1 onderwerpen, bijv. Basis van webtechnologie.

Vakgebied: Basis van webtechnologie

Nu oefenen: vragen over Server-side rendering (SSR)

Welke manier om de pagina's van een website te maken, genereert in de buildfase vooraf de HTML-bestanden van alle pagina's en geeft bij verzoeken die bestanden ongewijzigd terug?

  1. ACSR (client-side rendering)
  2. BSSR (server-side rendering)
  3. CSSG (static site generation)
Antwoord en toelichting tonen

Antwoord: C. SSG (static site generation)

Een site die met SSG is gemaakt, is een statische site die niet bij elk verzoek een programma op de server uitvoert, zodat ze snel en ongewijzigd kan worden geleverd vanuit hostingdiensten voor statische bestanden of vanuit een CDN, en ook minder onderdelen heeft die kunnen worden aangevallen. Een voorbeeld is een site die haar pagina's met vragen en de woordenlijst bij de build uit inhoudsgegevens genereert en levert; wanneer de inhoud verandert, worden de pagina's opnieuw gegenereerd. SSR is een dynamische methode waarbij de server bij elk verzoek HTML opbouwt, en CSR verstuurt minimale HTML en JavaScript en stelt de pagina in de browser samen.

“Server-side rendering (SSR)” in de toelichting

Vragen met “Server-side rendering (SSR)” (1)

  1. Welke manier om de pagina's van een website te maken, genereert in de buildfase vooraf de HTML-bestanden van alle pagina's en geeft bij verzoeken die bestanden ongewijzigd terug?

Verwante termen

Cookie (HTTP-cookie) CORS (cross-origin resource sharing) DOM (Document Object Model) Event loop HTTP (Hypertext Transfer Protocol) HTTP-methode HTTP-statuscode JSON (JavaScript Object Notation) JWT (JSON Web Token) OAuth

Naar de woordenlijst