Progressive Web App (PWA)
Eine PWA ist eine Web-Anwendung mit App-ähnlichen Eigenschaften — Offline-Fähigkeit, Push-Notifications, Installation auf dem Homescreen ohne Store.
Was ist eine Progressive Web App (PWA)?
Eine Progressive Web App (PWA) ist eine Web-Anwendung mit App-ähnlichen Eigenschaften — sie kombiniert die Reichweite einer Website mit Funktionen einer nativen App. Anders als klassische Websites kann eine PWA offline funktionieren, Push-Notifications senden, auf dem Homescreen installiert werden und sich nach dem Aufruf wie eine native App anfühlen. Der Begriff wurde 2015 von Google eingeführt und ist seither zur etablierten Web-Entwicklungs-Disziplin geworden.
Im B2B-Mittelstand gewinnen PWAs an Bedeutung, weil sie zwei Welten verbinden: die niedrige Distributions-Hürde einer Website (keine App-Store-Suche, kein Download-Prozess) mit der Nutzungs-Tiefe einer App (Offline-Fähigkeit, Push-Notifications, Speicher-Persistenz).
PWA-Kern-Funktionen — was eine PWA ausmacht
Sechs technische Eigenschaften definieren eine PWA:
Service Worker: ein JavaScript-Prozess, der im Hintergrund läuft und unabhängig vom Haupt-Browser-Tab arbeitet. Service Worker ermöglichen Offline-Funktionalität, Hintergrund-Synchronisation und Push-Notifications.
App Manifest: eine JSON-Datei, die App-Metadaten definiert — Icon, Name, Start-URL, Theme-Farben, Display-Modus (standalone, fullscreen). Auf Basis des Manifests bietet der Browser die Installation auf dem Homescreen an.
HTTPS-Pflicht: PWAs funktionieren nur über sichere Verbindung. Service Worker sind aus Sicherheits-Gründen nur in HTTPS-Kontexten verfügbar.
Responsive Design: PWAs müssen auf allen Geräte-Größen funktionieren, weil sie auf Smartphone, Tablet und Desktop laufen können.
Push-Notifications: Browser-basierte Benachrichtigungen, die der Nutzer aktiv abonnieren muss. Reichweite und Engagement-Tools jenseits der klassischen E-Mail-Kommunikation.
Cache-Strategien: Service Worker können Ressourcen lokal speichern und im Offline-Modus ausliefern. Verschiedene Cache-Strategien (Cache-First, Network-First, Stale-While-Revalidate) optimieren Performance und Offline-Verfügbarkeit.
PWA vs. Native App — die wichtige Abgrenzung
| Aspekt | PWA | Native App |
|---|---|---|
| Distribution | URL | App-Store |
| Updates | Sofort | Über Store-Review |
| Hardware-Zugriff | Begrenzt (über Web-APIs) | Voll |
| Entwicklungs-Aufwand | Niedriger (eine Codebasis) | Höher (iOS + Android getrennt) |
| Performance | Mittel-hoch | Höchste |
| Indexierbarkeit | Ja | Nein |
| Offline-Fähigkeit | Ja (über Service Worker) | Ja (nativ) |
Im B2B-Mittelstand-Kontext spricht vieles für PWAs: niedrigere Entwicklungs-Kosten, schnellere Updates, bessere Indexierbarkeit, einfachere Distribution. Native Apps lohnen sich vor allem dann, wenn tiefe Hardware-Integration (Sensoren, Bluetooth-Low-Energy, GPS-Genauigkeit) oder besondere Performance-Anforderungen (hochfrequente Animationen, Video-Bearbeitung) im Vordergrund stehen.
PWA im B2B-Mittelstand — drei realistische Einsatz-Felder
Field-Service-Apps mit Offline-Funktionalität: Außendienst-Mitarbeiter brauchen Apps, die auch ohne Internet-Verbindung funktionieren — Wartungs-Daten erfassen, Berichte schreiben, Fotos hochladen, sobald die Verbindung wiederhergestellt ist. PWAs sind dafür gut geeignet, ohne den Store-Distributions-Aufwand.
Kunden-Portale mit Mobile-Verfügbarkeit: Bestandskunden brauchen mobilen Zugriff auf Service-Dashboards, Rechnungen, Tickets. PWAs liefern Mobile-Erlebnis ohne App-Store-Hürde — der Kunde kann das Portal mit einem Tap auf den Homescreen installieren.
B2B-Konfiguratoren mit Speicher- und Wiederaufnahme-Funktionalität: Komplexe Produkt-Konfigurationen, die der Nutzer über mehrere Sessions bearbeiten will. PWAs erlauben lokale Speicherung des Bearbeitungs-Stands ohne Login-Pflicht.
PWA-Implementation — die Stack-Optionen
Drei dominante Framework-Stacks für PWA-Entwicklung 2026:
Next.js mit React: für komplexe Web-Anwendungen mit serverseitiger Logik und PWA-Schicht. Höchste Funktions-Tiefe, breite Entwickler-Community.
Astro: für inhaltsstarke Marketing-Sites mit PWA-Ergänzung. Beste SEO-Performance bei statischen Inhalten, PWA-Funktionen über Service-Worker-Integration.
Vue mit Nuxt oder Svelte mit SvelteKit: alternative Stacks mit teils einfacherer Entwicklungs-Logik. Im B2B-Mittelstand seltener als Next.js, aber etabliert.
Workbox ist die wichtigste Library für Service-Worker-Implementation, framework-übergreifend nutzbar.
Häufige PWA-Fehler im B2B
Vier typische Anti-Muster:
- PWA-Hype ohne Use-Case: PWAs werden gebaut, weil sie modern sind — ohne klaren Nutzen für die Nutzer
- Mangelhafte Offline-Strategie: Cache-Strategien nicht durchdacht, App ist offline nutzlos
- Push-Notifications-Inflation: zu viele Benachrichtigungen treiben Nutzer zur Deaktivierung
- Manifest-Vernachlässigung: Icon, Name, Theme-Farben nicht optimiert für die Homescreen-Installation
Was eine PWA nicht ist
Eine PWA ist kein vollwertiger Native-App-Ersatz bei tiefer Hardware-Integration. Wer Sensoren, Bluetooth-Low-Energy oder hochperformante Animationen braucht, bleibt bei nativer Entwicklung. Auch bestimmte Plattform-Features (Apple Wallet, Widgets, Komplikationen auf Watches) sind PWAs strukturell verschlossen.
Eine PWA ist auch kein Marketing-Trick, der Apps obsolet macht. Beide Welten haben ihre Berechtigung — die seriöse Wahl folgt aus Use-Case, Zielgruppe und technischen Anforderungen, nicht aus Tech-Trend-Affinität.