Eine Progressive Web App (PWA) ist eine Website, die sich wie eine native App verhält: installierbar, offline-fähig und push-fähig – ohne App-Store-Veröffentlichung und mit deutlich geringeren Entwicklungskosten.
PWAs reduzieren Entwicklungskosten um bis zu 70 % gegenüber nativen Apps für iOS und Android – bei vergleichbarer Nutzererfahrung für viele Anwendungsfälle.
Was ist eine Progressive Web App?
Eine Progressive Web App ist technisch gesehen eine normale Website – mit einem entscheidenden Unterschied: Sie nutzt moderne Browser-APIs, um App-ähnliche Funktionen bereitzustellen. Nutzer können eine PWA vom Browser aus auf ihrem Smartphone-Homescreen installieren, genau wie eine native App. Sie öffnet sich ohne Adressleiste, kann offline funktionieren und darf Push-Benachrichtigungen senden.
Der Begriff »Progressive« bedeutet, dass die App progressiv enhanced wird: Auf einem modernen Gerät mit aktuellem Browser funktionieren alle Features. Auf älteren Geräten oder Browsern degradiert die App gracefully – sie funktioniert weiterhin als normale Website, nur ohne die erweiterten Fähigkeiten. Diese Eigenschaft macht PWAs besonders attraktiv: Es gibt keinen harten Schnitt zwischen »App« und »Website«, sondern ein Spektrum an Erfahrungsqualität.
Bekannte Beispiele für erfolgreiche PWAs: Twitter Lite (spart 70 % Datenmenge gegenüber nativer App), Starbucks (ermöglicht Offline-Bestellung), Trivago (23 % mehr Conversions nach PWA-Einführung) und Alibaba (76 % mehr Conversions auf iOS nach PWA-Migration). Diese Zahlen zeigen: PWAs sind keine akademische Spielerei, sondern ein erprobtes Geschäftsmodell.
Die drei technischen Säulen einer PWA
-
1. Service Worker
Ein Service Worker ist ein JavaScript-Skript, das im Hintergrund läuft und als Proxy zwischen Browser und Server fungiert. Er ermöglicht Offline-Fähigkeit (Caching von Ressourcen), Hintergrund-Synchronisation und Push-Benachrichtigungen. Ohne Service Worker keine echte PWA.
-
2. Web App Manifest
Eine JSON-Datei, die beschreibt, wie sich die App auf dem Homescreen verhalten soll: App-Name, Icon-Größen, Startseite, Orientierung, Farbschema. Das Manifest ist Voraussetzung dafür, dass Browser den 'Zum Homescreen hinzufügen'-Dialog anzeigen.
-
3. HTTPS
PWAs funktionieren ausschließlich über verschlüsselte Verbindungen. HTTPS ist Pflichtvoraussetzung – sowohl aus Sicherheitsgründen als auch technisch, da Service Worker nur über HTTPS aktiviert werden. Für moderne Websites ist HTTPS ohnehin Standard.
Vorteile von PWAs gegenüber nativen Apps
- Kein App-Store: Keine Veröffentlichungsgebühren (Apple 99 $/Jahr, Google 25 $), keine Wartezeit auf Review-Prozesse.
- Eine Codebasis: Eine PWA läuft auf iOS, Android, Desktop – kein separates Team für jede Plattform.
- Automatische Updates: Nutzer bekommen immer die aktuelle Version ohne manuelle Store-Updates.
- Auffindbar per Suchmaschine: PWAs sind normale Websites und werden von Google indexiert – native Apps nicht.
- Geringere Entwicklungskosten: Typischerweise 30–70 % günstiger als äquivalente native Apps.
- Niedriger Einstieg: Keine App-Installation nötig – Nutzer können die PWA sofort nutzen und erst später installieren.
Grenzen und Nachteile von PWAs
Wann PWA, wann native App, wann Website?
Die Entscheidung hängt von drei Faktoren ab: benötigte Hardware-Features, Zielgruppe und Budget. Eine PWA ist die richtige Wahl, wenn die App hauptsächlich Inhalte darstellt, Transaktionen verarbeitet oder Offline-Fähigkeit für einfache Szenarien bietet – zum Beispiel ein Produktkatalog, eine Bestellplattform, ein Buchungssystem oder ein Intranet-Tool. Wenn Bluetooth, NFC, erweiterte AR-Funktionen oder tiefe iOS-Integration nötig sind, führt kein Weg an nativen Apps vorbei.
Eine reine Website (ohne PWA-Features) reicht aus, wenn keine Offline-Nutzung, keine Push-Benachrichtigungen und keine Homescreen-Installation benötigt werden. Der Unterschied zwischen PWA und normaler Website ist im Entwicklungsaufwand überschaubar – in vielen Fällen lohnt es sich, von Anfang an PWA-fähig zu entwickeln, auch wenn einzelne Features zunächst nicht genutzt werden.
Hybride Ansätze wie React Native oder Flutter überbrücken die Lücke: Sie erlauben eine gemeinsame Codebasis für native iOS- und Android-Apps, erfordern aber trotzdem Store-Veröffentlichung und sind teurer als PWAs. Für Unternehmen mit begrenztem Budget und breiter Webzielgruppe ist die PWA meist der pragmatischste Einstieg.
Performance, Core Web Vitals und Entwicklungsaufwand
PWAs müssen performant sein – das ist keine optionale Tugend, sondern technische Voraussetzung für die App-ähnliche Erfahrung. Google bewertet PWA-Performance über die Core Web Vitals: Largest Contentful Paint (LCP) unter 2,5 Sekunden, Interaction to Next Paint (INP) unter 200 Millisekunden, Cumulative Layout Shift (CLS) unter 0,1. Wer diese Werte nicht erreicht, kann technisch eine PWA haben, bietet aber keine überzeugende App-Erfahrung.
Der Entwicklungsaufwand für eine solide PWA liegt je nach Komplexität bei 40–200 Stunden. Einfache Implementierungen (Web App Manifest + Service Worker mit Precaching einer bestehenden Website) sind in 1–3 Tagen machbar. Komplexere Offline-First-Anwendungen mit Hintergrund-Synchronisation und Push-Benachrichtigungen erfordern 4–8 Wochen Entwicklungszeit.
Wichtige Tools und Frameworks: Workbox (Google-Library für Service Worker, stark vereinfacht die Implementierung), Lighthouse (Audit-Tool in Chrome DevTools, bewertet PWA-Konformität automatisch), Vite PWA Plugin (für Vue/React-Projekte). Wer ein modernes JavaScript-Framework einsetzt, hat oft bereits 80 % der PWA-Infrastruktur mit wenigen Konfigurationszeilen aktivierbar.
PWA-Audit direkt im Browser durchführen
Das Wichtigste zu Progressive Web Apps
- PWAs bieten App-Erlebnis (Installation, Offline, Push) ohne App-Store – auf einer einzigen Codebasis für alle Plattformen.
- Drei technische Pflichtbausteine: Service Worker, Web App Manifest und HTTPS – ohne diese ist eine Website keine PWA.
- iOS bleibt eine Einschränkung: Vollständige PWA-Funktionalität (inkl. Push) erst ab iOS 16.4 für installierte PWAs.
- Wann PWA: Content-Apps, Buchungen, Intranet, Kataloge. Wann native App: Hardware-Integration, Store-Präsenz, komplexe iOS-Features.
Jetzt beraten lassen
Sie überlegen, ob eine PWA oder native App für Ihr Vorhaben die bessere Wahl ist? INREMA analysiert Ihren Anwendungsfall und empfiehlt die kosteneffizienteste Lösung.
Beratung anfragenHäufige Fragen
Funktionieren PWAs auf allen Smartphones?
Kann eine PWA auch im App Store veröffentlicht werden?
Wie viel kostet eine PWA im Vergleich zu einer nativen App?
Werden PWAs von Google gefunden?
War dieser Artikel hilfreich?