Islands Architecture

Was ist Islands Architecture?

Islands Architecture löst eines der größten Performance-Probleme moderner Websites: zu viel JavaScript, das die Ladezeit und Core Web Vitals verschlechtert. Indem nur die wirklich interaktiven Bereiche JavaScript laden, bleibt der Großteil der Seite blitzschnell. Für SEO-Projekte ist dieses Muster besonders attraktiv, weil es schnelle Ladezeiten mit voller Indexierbarkeit verbindet — Frameworks wie Astro setzen genau darauf.

Islands Architecture ist ein modernes Web-Architektur-Muster, bei dem eine Seite größtenteils aus statischem HTML besteht und nur einzelne, klar abgegrenzte Bereiche — die „Inseln” — mit JavaScript interaktiv gemacht werden. Frameworks wie Astro, Fresh und Marko nutzen dieses Prinzip. Statt die gesamte Seite als JavaScript-Anwendung zu behandeln, wird nur dort JavaScript geladen, wo tatsächlich Interaktivität benötigt wird.

Der Vorteil für die Performance ist signifikant. Eine typische Blogseite braucht JavaScript vielleicht nur für ein Kontaktformular und einen Kommentarbereich — der restliche Content ist statisches HTML. Mit Islands Architecture lädt der Browser nur das JavaScript für diese zwei Inseln statt für die gesamte Seite. Das reduziert die Bundle-Größe drastisch und verbessert die Core Web Vitals, insbesondere die Ladezeit und den INP.

Für SEO bietet Islands Architecture einen doppelten Vorteil. Erstens sieht Google den gesamten Content als statisches HTML ohne JavaScript-Rendering — das Rendering Budget wird nicht belastet. Zweitens führen die besseren Performance-Werte zu positiven Nutzersignalen. Im Vergleich zu Selective Hydration ist Islands Architecture konzeptionell einfacher, und anders als Resumability erfordert es kein spezielles Framework.