Progressive Enhancement

Progressive Enhancement ist eine Entwicklungsphilosophie: Starte mit einer soliden, funktionalen Basis (semantisches HTML), die überall funktioniert, und füge dann Schichten von CSS und JavaScript hinzu, die das Erlebnis für moderne Browser verbessern. Das Gegenteil von "Graceful Degradation", bei dem man für moderne Browser baut und dann für ältere abspeckt.

Der Ansatz in der Praxis: Eine Website funktioniert auch ohne JavaScript - Formulare senden, Links navigieren, Inhalte sind lesbar. CSS fügt Layout und Design hinzu. JavaScript bringt interaktive Features wie Animationen, asynchrones Laden oder komplexe UI-Komponenten. Fällt JavaScript aus (Netzwerkfehler, langsames Gerät), bleibt die Seite nutzbar.

Vorteile: Bessere Accessibility (Screenreader können Basis-HTML verarbeiten), robustere Websites (ein JS-Fehler bricht nicht alles), bessere Performance auf schwachen Geräten, SEO-Vorteile (Crawler sehen vollständigen Content). Moderne Frameworks wie Next.js unterstützen dies durch Server-Side Rendering - der initiale HTML-Content kommt vom Server, JavaScript "hydratisiert" dann für Interaktivität.