Render-Strategie

TL;DR

Die Render-Strategie bestimmt, wann und wo HTML generiert wird: auf dem Server, im Browser oder zur Build-Zeit. Die Wahl beeinflusst Performance, SEO und Ressourcenverbrauch direkt.

Was ist eine Render-Strategie?

Render-Strategie beschreibt, wie und wo das HTML einer Website erzeugt wird. Es gibt drei Haupt-Ansätze:

• Client-Side Rendering (CSR): JavaScript generiert HTML im Browser
• Server-Side Rendering (SSR): Server generiert HTML bei jedem Request
• Static Site Generation (SSG): HTML wird zur Build-Zeit erzeugt

Client-Side Rendering (CSR)

• + Interaktive, app-ähnliche Erlebnisse
• - Langsamer First Paint, schlecht für SEO
• - Viel JavaScript im Browser

Server-Side Rendering (SSR)

• + Guter First Paint und SEO
• - Serverkosten pro Request
• - Langsamer bei vielen Requests

Static Site Generation (SSG)

• + Maximale Performance (nur statische Dateien)
• + Beste Nachhaltigkeit (kein Server-Rendering)
• + Perfektes Caching
• - Weniger dynamisch, Build bei Änderungen nötig

Render-Strategie und Nachhaltigkeit

SSG ist die nachhaltigste Option:

• Keine Server-Berechnung pro Request
• Perfekt cachebar über CDN
• Geringster Energieverbrauch

CSR ist am wenigsten nachhaltig: viel JavaScript, viel CPU-Last auf Endgeräten.

Hybride Ansätze

Moderne Frameworks kombinieren Strategien:

• ISR (Incremental Static Regeneration): SSG mit automatischer Aktualisierung
• Partial Hydration: Nur interaktive Teile werden "hydriert"
• Islands Architecture: Statische Seite mit interaktiven "Inseln"

Fazit

Die Render-Strategie ist eine fundamentale Architekturentscheidung. Für Content-lastige Websites ist SSG fast immer die beste Wahl – schnell, günstig und nachhaltig.