Was sind Astro Islands und warum sind sie so schnell?
Die meisten Frameworks behandeln eine Webseite als eine einzige JavaScript-Anwendung. Das bedeutet: Selbst wenn nur ein Button interaktiv sein muss, wird trotzdem die gesamte Seite mit JavaScript beladen.
Das Insel-Prinzip
Astro dreht diesen Ansatz um. Die gesamte Seite wird als statisches, leichtgewichtiges HTML gerendert. Interaktive Elemente – ein Kontaktformular, eine Navigation, ein Bild-Slider – werden als unabhängige „Inseln” eingebettet, die erst dann JavaScript laden, wenn sie tatsächlich gebraucht werden.
Wie funktioniert das konkret?
- Statischer Content (Texte, Bilder, Layout) wird sofort als HTML ausgeliefert – ohne JavaScript-Overhead.
- Interaktive Inseln werden erst aktiviert, wenn sie in den sichtbaren Bereich scrollen oder eine Nutzerinteraktion erfordern.
- Unabhängig voneinander: Jede Insel lädt ihr eigenes JavaScript isoliert – ein Fehler in einem Slider blockiert nicht das Kontaktformular.
Der Vorteil für Ihre Website
Dieses Konzept sorgt für einen sofortigen „First Contentful Paint” – Ihre Besucher sehen den Inhalt praktisch ohne Wartezeit. Gleichzeitig können trotzdem moderne, interaktive Funktionen eingebaut werden, ohne die Gesamtperformance zu beeinträchtigen.