Was ist Server-Side Rendering?
Server-Side Rendering (SSR) bedeutet, dass HTML-Seiten auf dem Server generiert werden, bevor sie an den Browser gesendet werden. Im Gegensatz zu Client-Side Rendering (CSR), wo JavaScript erst im Browser läuft und Inhalte rendert. Vorteile für SEO: Suchmaschinen sehen sofort den vollständigen Content, ohne auf JavaScript-Ausführung warten zu müssen. Performance-Vorteile: Schnellerer First Contentful Paint (FCP), besserer Largest Contentful Paint (LCP). Frameworks: Next.js (React), Nuxt (Vue), SvelteKit, Astro. Trade-offs: Höhere Server-Last, komplexere Architektur. SSG (Static Site Generation) ist eine Alternative für Seiten, die sich selten ändern.
Wichtige Punkte
- HTML wird auf Server generiert
- Sofort vollständiger Content für SEO
- Bessere Core Web Vitals (FCP, LCP)
- Frameworks: Next.js, Nuxt, SvelteKit
- Trade-off: Höhere Server-Last
- Alternative: Static Site Generation (SSG)
Praxisbeispiel
“Mit Next.js SSR indexiert Google unsere React-App problemlos - ohne SSR war sie unsichtbar.”