Architektur-Whitepaper•Naif•
Zero-JS-Webanwendungen für 100/100 Core Web Vitals architekturieren
Deep Dive in Islands-Architektur, selektive Hydration und warum weniger JavaScript die ultimative Optimierung für moderne, konversionsstarke Webanwendungen ist.
Warum Single-Page-Apps (SPAs) an moderner Performance scheitern
Seit einem Jahrzehnt verlässt sich Web-Engineering stark auf client-seitige JavaScript-Frameworks. Sie bieten tolle Developer-Ergonomie, bringen aber schwere Hydration-Steuern, aufgeblähte Bundle-Größen und eine schlechte Time-to-First-Byte (TTFB) mit sich.
Das Paradigma der Islands-Architektur
Astro hat die moderne Islands Architecture geprägt:
- Standardmäßig werden Seiten zur Build-Zeit in 100% reines semantisches HTML und CSS vorgerendert.
- JavaScript wird vollständig aus dem Build-Output entfernt.
- Nur bestimmte dynamische Widgets (z. B. interaktive Filterleisten, Search-Autocomplete, Kontaktformulare) werden mit
client:idleoderclient:visibledeklariert.
Messbare Ergebnisse
- 90% kleinere Payloads: Der initiale HTML-Payload fiel von 480KB auf 24KB.
- Null Hydration-Delay: Die CPU-Idle-Zeit des Main Thread verbessert sich um 300ms+ — das garantiert einen Interaction to Next Paint (INP) unter 30ms auf echten 4G-Mobilgeräten.
N
Naif
Full-Stack Software Engineer & Serverless-Architekt
Spezialist für Jamstack-Plattformen unter 100ms, Zero-JS-Islands-Architekturen und Cloud-Kostenoptimierung auf der Cloudflare Edge.