Rendering-Strategien: SSG, ISR & Islands-Architektur
Static Site Generation (SSG) erzeugt HTML-Seiten bereits beim Build-Prozess und liefert sie als statische Dateien über ein CDN aus, ohne Server-Rendering zur Laufzeit. Incremental Static Regeneration (ISR), bekannt aus Next.js, erweitert dieses Modell um die Möglichkeit, einzelne statische Seiten nach einem definierten Zeitfenster im Hintergrund neu zu generieren, ohne kompletten Rebuild. Die Islands-Architektur (z. B. Astro) geht weiter: Die Seite ist standardmäßig statisches HTML, und nur explizit markierte, interaktive "Inseln" laden eigenes JavaScript – Qwik verfolgt mit dem Resumability-Konzept einen verwandten Ansatz, bei dem der Client-Zustand aus dem Server-HTML übernommen wird, ohne dass die App beim Laden komplett neu hydriert werden muss.
In der Praxis
Für redaktionelle Websites, Blogs und Landingpages ohne häufig wechselnde, personalisierte Inhalte ist SSG meist die performanteste und günstigste Wahl, da keine Serverkosten für Rendering zur Laufzeit anfallen. ISR eignet sich für Content, der sich regelmäßig ändert (z. B. Produktpreise, News), aber keine Echtzeit-Aktualität benötigt: Ist das Revalidierungsfenster abgelaufen, erhält die nächste Besucherin weiterhin sofort die zwischengespeicherte Fassung, während im Hintergrund eine neue Version erzeugt wird – die Serverantwortzeit leidet dabei nicht. Spürbar langsamer ist nur der echte Cache-Miss, also eine Seite, die noch gar nicht vorgeneriert wurde und erst bei der Anfrage entsteht. Die Islands-Architektur ist besonders für Content-lastige Seiten mit wenigen interaktiven Elementen (z. B. ein Bestell-Widget oder ein Slider) interessant, weil Astro-Seiten oft komplett ohne JavaScript ausgeliefert werden und nur die Inseln selbst Skriptcode laden. Bei der technischen Neuaufstellung eines Webauftritts sollte die Rendering-Strategie anhand des tatsächlichen Content-Typs gewählt werden – reine SSR-Lösungen sind oft überdimensioniert, wenn sich Inhalte selten ändern. Agenturen sollten bei Relaunches prüfen, ob ein hybrider Ansatz (SSG für Content-Seiten, ISR oder SSR nur für dynamische Bereiche wie Warenkorb oder Login) sinnvoll ist, um Ladezeiten und Hosting-Kosten gleichzeitig zu senken.
← Zurück zum Glossar