Server Side Rendering (SSR)

Server-Side Rendering bezeichnet das Aufbereiten einer Webseite auf dem Server, bevor sie an den Browser ausgeliefert wird. Der Besucher erhält bereits ein fertig gerendertes HTML-Dokument, statt dass der Browser die Seite erst mit JavaScript zusammenbauen muss. Das verbessert die anfängliche Ladezeit und die Auffindbarkeit durch Suchmaschinen.

Warum Server-Side Rendering wichtig ist

Bei rein clientseitigem Rendering lädt der Browser zunächst eine fast leere Seite und baut den Inhalt erst mit JavaScript auf. Das kostet Zeit und kann Suchmaschinen erschweren, den Inhalt korrekt zu erfassen. Server-Side Rendering liefert dagegen sofort sichtbaren, indexierbaren Inhalt.

Für Websites, bei denen Sichtbarkeit in Suchmaschinen und schnelle erste Ladezeiten zählen, ist das ein wichtiger Faktor. Verwandt mit SSR ist die statische Generierung (Static Site Generation), bei der Seiten schon beim Build fertig erzeugt werden. Beide Ansätze verfolgen dasselbe Ziel: dem Besucher fertigen Inhalt liefern, statt ihn im Browser zusammenbauen zu lassen.

Server-Side Rendering in der Praxis

Wir starten grundsätzlich statisch: Eine Marketing-Site hat für alle Besucher denselben Inhalt, also gibt es keinen Grund, dieses HTML bei jedem Request neu zu bauen. SSR holen wir erst dazu, wenn Inhalte pro Nutzer unterschiedlich sind oder in Sekunden aktuell sein müssen - etwa ein Kundenbereich hinter Login oder eine Verfügbarkeitsanzeige, die nicht zehn Minuten hinterherhinken darf. Clientseitiges Rendering bleibt bei uns die Ausnahme für einzelne Interaktionen wie Filter oder Konfiguratoren, nicht für ganze Seiten, weil sonst Ladezeit und SEO leiden.

Verwandte Begriffe

Next.js unterstützt Server-Side Rendering, statische Generierung und clientseitiges Rendering und lässt die Strategie pro Seite wählen.

Astro generiert Seiten standardmässig statisch und kann bei Bedarf ebenfalls serverseitig rendern.

API liefert die Daten, die beim Server-Side Rendering in die fertige Seite eingebaut werden.

Häufige Fragen zu Server-Side Rendering

Was ist der Unterschied zwischen SSR und Static Site Generation?

Beim Server-Side Rendering wird eine Seite bei jedem Aufruf frisch auf dem Server erzeugt. Bei der Static Site Generation entstehen die Seiten schon beim Build und liegen danach als fertige Dateien bereit. SSR eignet sich für Inhalte, die sich häufig oder pro Nutzer ändern. Statische Generierung ist schneller und günstiger, wenn sich Inhalte selten ändern.

Ist SSR gut für SEO?

Server-Side Rendering hilft SEO, weil Suchmaschinen ein vollständiges HTML-Dokument erhalten und den Inhalt zuverlässig erfassen können. Bei rein clientseitig gerenderten Seiten besteht das Risiko, dass Inhalte verzögert oder unvollständig indexiert werden. Für die reine Suchmaschinen-Sichtbarkeit erreicht statische Generierung denselben Vorteil.