Serverseitiges Rendering (SSR)
Kurzdefinition
Serverseitiges Rendering bedeutet, dass das HTML einer Seite auf dem Server statt im Browser erstellt und dem Besucher fertig gesendet wird.
Trifft eine Anfrage ein, sammelt der Server die nötigen Daten, erstellt dort und dann das vollständige HTML der Seite und sendet es an den Browser; dieser trifft sofort auf sichtbaren Inhalt, statt eine leere Hülle zu füllen. Frameworks wie Next.js verwalten das seitenweise.
Sie begegnet Ihnen bei häufig wechselnden Inhalten, etwa Lagerbeständen oder für eingeloggte Nutzer personalisierten Seiten, bei denen die Daten bei jeder Anfrage aktuell sein müssen.
Sie wird oft mit statischer Site-Generierung (SSG) verwechselt. SSG erstellt eine Seite einmal im Voraus und liefert sie als Datei aus, während SSR sie bei jeder Anfrage neu erstellt; dadurch bleibt SSR aktueller, belastet den Server aber stärker.
Der häufigste Fehler ist, auch selten geänderte Seiten wie eine Über-uns-Seite oder eine Leistungsbeschreibung mit SSR aufzubauen, was bei jeder Anfrage unnötige Serverlast erzeugt und die Zeit bis zum ersten Byte verlängert. Richtig ist, SSR nur für Seiten zu reservieren, die bei jedem Besuch wirklich aktuelle Daten benötigen; für den Rest wählen Sie statische Generierung oder gecachtes Rendering.
Warum es wichtig ist
Suchmaschinen und Social-Media-Bots lesen und zeigen eine Seite korrekt an, wenn sie von Anfang an mit Inhalt gefüllt ankommt. SSR stärkt sowohl die SEO als auch den ersten Eindruck, besonders bei Seiten, die sich häufig ändern.
Beispielszenario
Die Bestands- und Preisseite eines Bodenbelagherstellers wird bei jedem Besuch neu auf dem Server erzeugt, sodass Suchmaschinen stets den aktuellen Lagerbestand sehen.
