Was ist Server-Side Rendering (SSR)?

Server-Side Rendering bedeutet, dass eine Website-Seite nicht im Browser des Nutzers, sondern auf dem Server fertig zusammengebaut wird, bevor sie ausgeliefert wird. Der Browser empfängt fertiges HTML und kann es sofort anzeigen.

Das Gegenteil ist Client-Side Rendering (CSR), wie es bei Single Page Applications üblich ist: Der Browser lädt zunächst JavaScript, führt es aus und generiert erst dann den Inhalt. Bei SSR kommt der fertige Inhalt direkt vom Server. Für den Nutzer ist der Unterschied oft sichtbar: SSR-Seiten zeigen schneller Inhalte, weil der Browser nichts selbst berechnen muss.

Warum SSR für SEO und Performance wichtig ist

Suchmaschinen bevorzugen fertiges HTML. Google kann zwar JavaScript ausführen und SPAs indexieren, aber es ist ein zweistufiger Prozess, der nicht immer vollständig oder zeitnah abläuft. Mit SSR sieht Google beim ersten Crawl bereits den vollständigen Inhalt. Das führt in der Praxis zu besserer Indexierung und schnellerer Aufnahme neuer Inhalte in den Suchindex.

Für die Core Web Vitals ist SSR ebenfalls vorteilhaft. Der Largest Contentful Paint, also die Zeit bis das größte sichtbare Element geladen ist, verbessert sich, weil der Browser sofort mit dem Rendern beginnen kann. Kein Warten auf JavaScript-Ausführung, kein Leer-Bildschirm.

Es gibt verschiedene Varianten des server-seitigen Renderings. Beim klassischen SSR wird jede Seite bei jeder Anfrage neu auf dem Server generiert. Das ist flexibel, aber auch rechenintensiv. Static Site Generation (SSG) geht einen Schritt weiter: Seiten werden einmalig beim Build-Prozess generiert und dann als fertige HTML-Dateien ausgeliefert. Das ist extrem schnell, aber nur sinnvoll für Inhalte, die sich selten ändern. Incremental Static Regeneration (ISR) ist ein Mittelweg: Seiten werden im Hintergrund in definierten Zeitabständen neu generiert.

Frameworks wie Next.js, Nuxt.js oder Astro unterstützen alle diese Ansätze und lassen sich je nach Seite konfigurieren. Eine Produktseite in einem Shop könnte per SSR mit aktuellen Preisen geliefert werden, während statische Seiten wie “Über uns” einmalig als HTML vorgerendert werden.

Für dein Projekt bedeutet das: Die Wahl der Rendering-Strategie hat direkte Auswirkungen auf Performance, SEO und Entwicklungsaufwand. Wir beraten dich dabei im Rahmen unserer Webentwicklungsleistungen. Für ein erstes Gespräch buche gerne einen kostenlosen Termin.