Was ist Server-seitiges Rendering
Serverseitiges Rendering
SSR (Server-Side Rendering) ist eine Technik zum Rendern von Webseiten auf dem Server vor dem Senden an den Client, die schnelles Laden und SEO-Optimierung gewährleistet.
Funktionsweise
- Server empfängt Anfrage vom Browser
- Generiert vollständige HTML-Seite
- Sendet fertiges HTML an Client
- Browser zeigt Inhalt sofort an
- JavaScript "hydriert" Seite für Interaktivität
Vorteile
- Schnelle erste Inhaltsdarstellung (FCP)
- Ausgezeichnete SEO-Optimierung
- Funktioniert ohne JavaScript
- Bessere Social-Media-Metadaten
- Besser für langsame Geräte
Nachteile
- Serverlast
- Zeit bis zur Interaktivität (TTI)
- Caching-Komplexität
- Höhere Infrastrukturkosten
Vergleich mit CSR
- SSR: HTML auf Server generiert
- CSR: HTML im Browser generiert
- SSG: HTML beim Build generiert
Frameworks mit SSR
- Next.js (React)
- Nuxt.js (Vue)
- SvelteKit (Svelte)
- Angular Universal
- Remix
Wann verwenden
- Content-Sites und Blogs
- E-Commerce
- Nachrichtenportale
- SEO-kritische Websites