Was ist Server-Side Rendering (SSR)?

Server-Side Rendering, kurz SSR, ist eine Technik, bei der der Server für jede Anfrage vollständig gerendertes HTML erzeugt und an den Browser ausliefert. Der Browser zeigt die Seite sofort an und hydratisiert das Markup nachträglich mit JavaScript, falls die Anwendung interaktiv ist.

Definition

SSR steht im Gegensatz zum Client-Side Rendering, bei dem der Browser eine fast leere HTML-Hülle erhält und die Seite per JavaScript aufbaut. Bei SSR enthält die erste Antwort bereits Inhalt, Meta-Tags und Produktdaten. Frameworks wie Next.js, Nuxt und Remix machen SSR zur Standardoption moderner Frontends, oft kombiniert mit Edge-Ausführung für zusätzliche Geschwindigkeit.

Warum es zählt

Für Commerce-Storefronts hat SSR drei Vorteile. Suchmaschinen und KI-Crawler sehen vollständigen Content, ohne JavaScript auszuführen. Die First Contentful Paint kommt früher, was Core Web Vitals und Conversion unterstützt. Und Nutzer in schwachen Netzen oder auf schwachen Geräten erhalten schneller nutzbare Seiten. Der Preis sind Serverressourcen pro Anfrage, die durch Caching gesteuert werden müssen.

Trade-offs

SSR ist nicht kostenlos. Jede Anfrage erzeugt Serverlast, was die Betriebskosten erhöht und eine Caching-Strategie verlangt, die Personalisierung respektiert. Hybride Ansätze kombinieren SSR mit Static Generation und Incremental Regeneration, sodass häufig wechselnde Seiten frisch gerendert und stabile Inhalte aus dem Cache bedient werden. Frontend Management Platforms helfen, diese Strategien über viele Seiten und Märkte hinweg zu orchestrieren.

Verwandt

Mehr dazu: Composable Headless Frontend · Performance and Core Web Vitals.