Was ist Progressive Enhancement?
Was passiert mit deiner Website, wenn das JavaScript nicht lädt? Wenn die Antwort „dann geht nix mehr“ lautet, fehlt dir Progressive Enhancement.
Der Ansatz dreht die Reihenfolge beim Bauen um. Zuerst entsteht eine Grundversion: der Inhalt und die wichtigen Funktionen, sauber in HTML. Darauf kommt CSS für das Aussehen. Ganz oben sitzt JavaScript für Komfort wie Animationen, Filter oder Live-Prüfungen im Formular. Browser, die mehr können, bekommen mehr. Alle anderen bekommen trotzdem das Wesentliche.
So beschreiben es auch die Entwickler-Doku von Mozilla (MDN) und das Service Manual der britischen Regierung. Ob ein Browser eine Funktion beherrscht, prüft der Code vorher selbst — das nennt sich Feature Detection. Den Begriff prägte Steven Champeon 2003, unter anderem in einem Vortrag mit Nick Finck auf der Konferenz SXSW.
Warum das wichtig ist: JavaScript kommt nicht immer an
Der Klassiker unter den Einwänden: „Heute hat doch jeder JavaScript an.“ Stimmt fast. Aber darum geht es gar nicht.
Die britische Regierung hat 2013 auf ihrer Startseite über eine halbe Million Besuche ausgewertet. Ergebnis: Bei 1,1 % der Besuche kamen die JavaScript-Verbesserungen nicht an — etwa bei jedem 93. Besuch. Nur 0,2 % hatten JavaScript bewusst abgeschaltet. Bei den übrigen 0,9 % war es eingeschaltet, kam aber nicht durch. Die Zahlen sind alt, die Lehre nicht: Das Problem sind Skripte, die unterwegs verloren gehen.
Gründe dafür nennt das GOV.UK Service Manual gleich mit:
- Funklöcher und abgebrochene Verbindungen
- Ausfälle bei DNS oder einem Content Delivery Network
- Werbeblocker und Browser-Erweiterungen
- Firmen-Firewalls, die Skripte filtern
- Fehler in Skripten von Drittanbietern, die alles Weitere mitreißen
Und die Last wächst. Laut HTTP Archive Web Almanac lud die mittlere Seite 2024 mobil 558 KB JavaScript, 14 % mehr als im Jahr davor, verteilt auf 22 Skripte. Rund 206 KB davon blieben ungenutzt. Je mehr Skripte, desto mehr kann schiefgehen.
Was Progressive Enhancement mit SEO und KI-Suche zu tun hat
Hier wird es fürs Marketing richtig spannend. Google rendert JavaScript, also führt es aus und sieht die fertige Seite — aber mit Verzögerung. Eine Auswertung von Vercel und MERJ mit über 100.000 Googlebot-Abrufen ergab 2024: im Median nach 10 Sekunden, bei jeder zehnten Seite erst nach rund 3 Stunden oder später.
KI-Crawler sind da strenger. Laut einer Vercel-Auswertung von Ende 2024 führen die Crawler von OpenAI, Anthropic, Meta, ByteDance und Perplexity kein JavaScript aus. Sie laden zwar Skriptdateien, nutzen sie aber nicht. Inhalte, die erst per JavaScript auf die Seite kommen, sehen sie schlicht nicht.
Beispiele aus der Praxis
Case A · Behörde
GOV.UK misst nach
1,1 %
Besuche ohne JS-Verbesserung
0,2 %
JS bewusst aus
Gut vier von fünf Ausfällen hatten JavaScript eigentlich an
Seitdem müssen britische Behördendienste auch nur mit HTML funktionieren (Stand Service Manual 2024).
Case B · KI-Sichtbarkeit
Crawler ohne JavaScript
569 Mio.
GPTBot-Abrufe / Monat
0
davon mit JS ausgeführt
Was erst per Skript erscheint, fehlt in der KI-Antwort
Abrufe im Netz von Vercel, Ende 2024. Googles Gemini nutzt die Technik von Googlebot und rendert.
Häufige Fehler
Fehler 1 · „Das ist nur was für Leute ohne JavaScript“
Nein. Es geht um alle, bei denen ein Skript unterwegs hängen bleibt — und um Crawler. Die bewussten JavaScript-Verweigerer sind die kleinste Gruppe. Selbst unter Screenreader-Nutzern hatten in der WebAIM-Umfrage 2024 nur 0,2 % JavaScript aus.
Fehler 2 · Buttons und Formulare nur aus JavaScript
Ein Kontaktformular, das ohne Skript nicht absendet, ist ein stiller Conversion-Killer. Du siehst die verlorenen Anfragen nie, weil sie gar nicht erst ankommen. Ein echtes HTML-Formular mit einem echten Absende-Button funktioniert auch ohne JavaScript; die Live-Prüfung der Felder kommt obendrauf.
Fehler 3 · Verzicht mit Vorgehen verwechseln
Progressive Enhancement heißt nicht „kein modernes Zeug“. Animationen, Filter, Slider — alles erlaubt. Es kommt nur als Schicht obendrauf, nicht als Fundament.
So prüfst du deine Seite
- JavaScript abschalten: In Chrome die DevTools öffnen, Strg + Umschalt + P (Mac: Cmd + Umschalt + P), „Disable JavaScript“ eingeben. Dann deine wichtigsten Seiten durchklicken.
- Die drei Pflichtfragen: Sehe ich den Inhalt? Komme ich durchs Menü? Lässt sich das Formular absenden?
- Quelltext lesen: Strg + U zeigt das HTML, das der Server schickt. Steht dein Text da drin, sehen ihn auch KI-Crawler.
- Search Console: Die URL-Prüfung zeigt, wie Google die Seite gerendert hat.
- Lighthouse: Meldet ungenutztes JavaScript, das du loswerden kannst.
Häufige Fragen
Was ist der Unterschied zwischen Progressive Enhancement und Graceful Degradation?
Die Richtung. Progressive Enhancement baut von der Grundversion nach oben und ergänzt Schicht für Schicht. Graceful Degradation baut zuerst die volle Version und sichert dann nach unten ab. Das Ziel ist ähnlich, aber bei Progressive Enhancement ist die Grundfunktion von Anfang an eingeplant statt nachträglich gerettet.
Wie viele Nutzer haben überhaupt kein JavaScript?
Sehr wenige schalten es bewusst ab — bei GOV.UK waren es 2013 rund 0,2 % der Besuche. Insgesamt kamen die JavaScript-Verbesserungen aber bei 1,1 % nicht an. Neuere, ähnlich gründliche Messungen gibt es nicht; die Größenordnung zeigt trotzdem, wo das Problem liegt.
Ist Progressive Enhancement wichtig für SEO?
Ja, vor allem für die KI-Suche. Google rendert JavaScript, aber oft mit Verzögerung. Die Crawler von OpenAI, Anthropic und Perplexity führen laut einer Vercel-Auswertung von 2024 gar kein JavaScript aus. Was nur per Skript erscheint, fehlt dort.
Brauche ich das für eine WordPress-Seite mit Elementor?
WordPress liefert Inhalte von Haus aus als HTML aus — das ist schon eine gute Basis. Kritisch sind Formulare, Menüs und Inhalte, die erst per Klick nachgeladen werden. Schalte JavaScript ab und teste genau diese drei Punkte.
Macht Progressive Enhancement die Entwicklung teurer?
Beim Neubau kaum, wenn es von Anfang an eingeplant ist — semantisches HTML ist ohnehin Pflicht. Teuer wird es, wenn du eine Seite, die komplett aus JavaScript besteht, nachträglich umbauen musst.
