Progressive Web Apps:Der komplette Guide 2026
Progressive Web Apps (PWAs) vereinen das Beste aus Web und nativen Apps. In diesem Guide erfahren Sie, was PWAs sind, welche Vorteile und Einschränkungen sie haben und wann sich die PWA-Entwicklung für Ihr Projekt lohnt.
Mobile Apps sind aus unserem Alltag nicht mehr wegzudenken. Doch die Entwicklung nativer Apps für iOS und Android ist aufwändig und teuer. Progressive Web Apps bieten eine spannende Alternative: Sie kombinieren die Reichweite des Webs mit einem app-ähnlichen Nutzererlebnis - und kommen mit einer Codebasis aus.
Große Unternehmen wie Twitter, Starbucks und Pinterest haben Ergebnisse ihrer PWAs veröffentlicht, die meisten davon aus den Jahren 2017 und 2018. Doch sind Progressive Web Apps auch die richtige Wahl für Ihr Projekt? In diesem Guide beantworten wir die wichtigsten Fragen zur PWA-Entwicklung.
Was ist eine Progressive Web App?
Eine Progressive Web App (PWA) ist eine Webanwendung, die mit modernen Web-Technologien ein natives App-Erlebnis bietet. Der Begriff stammt aus dem Jahr 2015 von Alex Russell und Frances Berriman und beschreibt Web-Apps, die bestimmte technische Anforderungen erfüllen.
Das Wort progressiv bezieht sich darauf, dass diese Apps auf allen Geräten und Browsern funktionieren - ältere Browser zeigen eine normale Website, moderne Browser das volle PWA-Erlebnis mit erweiterten Features.
JavaScript-Scripts, die im Hintergrund laufen und Offline-Funktionalität, Caching und Push-Notifications ermöglichen. Sie sind das Herzstück jeder PWA.
Eine JSON-Datei, die das Aussehen und Verhalten der installierten PWA definiert: Name, Icons, Startbildschirm, Farbschema und Anzeigemodus.
PWAs erfordern eine sichere HTTPS-Verbindung. Dies garantiert verschlüsselte Datenübertragung und schützt vor Man-in-the-Middle-Angriffen.
Kurz gesagt: Eine PWA ist eine Website, die sich wie eine App verhält. Sie kann installiert werden, offline funktionieren und Push-Notifications senden - alles ohne App Store.
PWA vs. Native App vs. Web App
Um die Stärken von Progressive Web Apps zu verstehen, lohnt sich ein direkter Vergleich mit nativen Apps und klassischen Websites.
| Aspekt | PWA | Native App | Web App |
|---|---|---|---|
| Installation | Direkt aus dem Browser | App Store / Play Store | Keine Installation |
| Offline-Nutzung | Möglich, Umfang je nach Umsetzung | Vollständig möglich | Nicht möglich |
| Push-Notifications | Ja (iOS seit 16.4, nur nach Hinzufügen zum Home-Bildschirm) | Ja | Eingeschränkt |
| Hardware-Zugriff | Kamera, GPS, Sensoren | Vollständiger Zugriff | Sehr eingeschränkt |
| Entwicklungskosten | Eine Codebasis | iOS + Android separat | Eine Codebasis |
| Updates | Sofort, automatisch | Store-Review nötig | Sofort |
| SEO | Vollständig indexierbar | Nicht indexierbar | Vollständig indexierbar |
| Speicherbedarf | In der Regel gering | Installationsgröße je nach App | Kein Speicher nötig |
Mehr zum Vergleich verschiedener App-Ansätze erfahren Sie in unserem Artikel App entwickeln: Native vs. Cross-Platform. Wenn Sie eine native App-Erfahrung mit einer gemeinsamen Codebasis suchen, ist Cross-Platform Entwicklung eine weitere Alternative.
Die wichtigsten PWA-Features
Diese Kernfunktionen machen Progressive Web Apps so attraktiv für Unternehmen und Entwickler.
Offline-Fähigkeit
PWAs können auch ohne Internetverbindung funktionieren. Service Worker cachen Inhalte und halten so die wichtigsten Funktionen offline verfügbar.
Push-Notifications
Erreichen Sie Nutzer mit Push-Benachrichtigungen - auch bei geschlossenem Browser. Auf iPhones seit iOS 16.4 für Web-Apps, die zum Home-Bildschirm hinzugefügt wurden.
Homescreen-Installation
Nutzer können die PWA auf ihrem Homescreen installieren - mit eigenem Icon, Splash Screen und Vollbildmodus, ganz ohne App Store.
Schnelles Laden
Durch Caching und optimierte Ladestrategien starten PWAs bei wiederholten Besuchen spürbar schneller - gerade bei langsamen Verbindungen.
Responsive Design
PWAs passen sich automatisch an jedes Gerät an - vom Smartphone über Tablet bis zum Desktop. Eine Codebasis für alle Bildschirmgrößen.
Automatische Updates
Updates werden im Hintergrund geladen und beim nächsten Start aktiviert. Kein manuelles Update durch den Nutzer erforderlich.
Detaillierte Informationen zu allen PWA-Features und deren Implementierung finden Sie auf unserer PWA-Entwicklung Service-Seite.
Vorteile von Progressive Web Apps
PWAs bieten gegenüber nativen Apps und klassischen Websites eine Reihe konkreter Vorteile - sowohl für Unternehmen als auch für Endnutzer.
Kein App Store nötig
PWAs werden direkt über den Browser installiert. Keine Store-Gebühren, keine Review-Prozesse, geringere Abhängigkeit von Apple oder Google.
Eine Codebasis statt zwei
Eine Codebasis für Web, iOS und Android senkt den Aufwand gegenüber separater nativer Entwicklung. Wie viel das ausmacht, hängt vom Umfang ab.
Einfachere Updates
Updates werden sofort wirksam, ohne Store-Review oder Nutzer-Aktion. Bug-Fixes und neue Features erreichen alle Nutzer gleichzeitig.
Cross-Platform by Default
PWAs laufen auf jedem Gerät mit modernem Browser. Keine separate Entwicklung für verschiedene Betriebssysteme notwendig.
SEO-Vorteile
PWAs sind vollständig indexierbar und können über Google gefunden werden - ein großer Vorteil gegenüber nativen Apps.
Geringer Speicherbedarf
PWAs belegen in der Regel deutlich weniger Speicher als native Apps. Twitter nannte 2017 für Twitter Lite 600 KB, für die Installation der Android-App 23,5 MB Download.
Kosten konkret
Eine Codebasis statt zwei senkt den Aufwand gegenüber nativer Entwicklung für iOS und Android. Eine pauschale Prozentzahl nennen wir nicht, weil der Unterschied vom Umfang abhängt. Unser Richtwert: Eine individuell entwickelte PWA beginnt ab 15.000 EUR. Details zu den Kosten der Web-Entwicklung finden Sie in unserem Kostenguide.
Einschränkungen von PWAs
So vielversprechend Progressive Web Apps sind - sie haben auch Einschränkungen, die Sie bei Ihrer Entscheidung berücksichtigen sollten.
Eingeschränkter Hardware-Zugriff
Web Bluetooth und Web NFC sind laut MDN experimentell und funktionieren nicht in allen verbreiteten Browsern. Für Hardware-intensive Apps bleiben native Lösungen besser.
iOS-Einschränkungen
Push gibt es auf dem iPhone nur für Web-Apps auf dem Home-Bildschirm. Background Sync wird von Safari laut MDN nicht unterstützt. Gespeicherte Daten laufen standardmäßig im Best-Effort-Modus und können von WebKit entfernt werden.
Keine App Store Sichtbarkeit
PWAs erscheinen ohne zusätzliche Verpackung nicht in den App Stores und verpassen damit einen wichtigen Entdeckungskanal. Nutzer müssen die Web-Adresse kennen oder über die Suche finden.
Begrenzte System-Integration
Tiefe Integration mit dem Betriebssystem (Kontakte, Kalender, Dateisystem) ist eingeschränkt im Vergleich zu nativen Apps.
Wichtig: Browser-Hersteller erweitern die verfügbaren Web-APIs laufend, aber nicht im Gleichschritt. Prüfen Sie deshalb vor Projektbeginn jede benötigte Funktion für die Browser Ihrer Zielgruppe. Die Angaben hier haben wir am 05.11.2026 gegen WebKit und MDN geprüft.
Wann PWAs die richtige Wahl sind
- Content-Apps (News, Blogs, Medien)
- E-Commerce und Online-Shops
- Interne Unternehmens-Tools
- Produktivitäts-Apps (Aufgaben, Notizen)
- Budget-limitierte Projekte
- MVPs und Marktvalidierung
- AR/VR-Anwendungen
- Hochperformante Spiele
- Bluetooth/IoT-Integration
- Apps mit App Store Marketing
- Tiefe System-Integration nötig
- Bezahlte Apps (In-App Purchases)
Nicht sicher, welcher Ansatz für Ihr Projekt optimal ist? Unsere Web-App-Entwicklung Seite bietet weitere Orientierung, oder Sie kontaktieren uns direkt für eine individuelle Beratung.
Passt Ihr Vorhaben in die Spalte "PWA empfohlen"?
Prüfen Sie Ihre Anforderungen gegen die Einschränkungen aus diesem Guide: iOS-Push, Offline-Daten, Bluetooth oder NFC. Auf unserer PWA-Seite sehen Sie, wie wir eine PWA umsetzen und womit Sie rechnen können.
20+ Jahre Softwareentwicklung - Antwort innerhalb 48h - 100% unverbindlich
Bekannte PWA-Beispiele
Diese Fallstudien zeigen, was mit dieser Technologie möglich war. Die meisten stammen aus dem Jahr 2017, die Zahlen haben die Unternehmen oder ihre Partner selbst veröffentlicht.
Twitter Lite (2017)
Dazu 20% weniger Absprünge. Erstaufruf unter 5 Sekunden über 3G, bei Rückkehr Start unter 3 Sekunden.
Quelle: web.dev
Starbucks
Die PWA war laut der umsetzenden Agentur 99,84% kleiner als die damalige iOS-App.
Quelle: Nearform
Pinterest (2017)
Dazu 40% mehr Verweildauer. Verglichen wurde mit der alten mobilen Website, nicht mit den nativen Apps.
Quelle: Addy Osmani, Dev Channel
Uber (2017)
Uber entwickelte m.uber als schlanke Web-App, die auch in langsamen Netzen schnell bedienbar ist. Service Worker cachen HTML und JavaScript.
Quelle: Uber Engineering
Spotify
Der Web-Player liefert ein Web App Manifest mit Anzeigemodus standalone aus (geprüft am 05.11.2026). Messwerte liegen uns dazu nicht vor.
Quelle: Spotify-Manifest
So ordnen Sie die Zahlen ein
Die Fallstudien zeigen, dass eine PWA Engagement und Ladezeit deutlich verbessern kann. Es sind aber Selbstauskünfte, oft im Vergleich zur alten mobilen Website und nicht zur nativen App. Auf Ihr Projekt lassen sie sich nicht direkt übertragen.
Häufige Fragen zu PWAs
Eine Progressive Web App ist eine Webanwendung, die moderne Browser-Technologien nutzt, um ein natives App-Erlebnis zu bieten. PWAs sind über eine URL erreichbar, können aber auf dem Homescreen installiert werden, offline funktionieren und Push-Notifications senden. Sie vereinen die Reichweite des Webs mit vielen Funktionen nativer Apps - ohne App Store.
Eine PWA kommt mit einer Codebasis aus und ist deshalb meist günstiger als die parallele Entwicklung nativer iOS- und Android-Apps. Wie groß der Unterschied ist, hängt vom Umfang ab. Unsere Richtwerte: Eine individuell entwickelte PWA beginnt ab 15.000 EUR, eine Standard-PWA liegt je nach Umfang zwischen 15.000 und 50.000 EUR. Liegt bereits ein funktionierender Prototyp vor, kann er ab 5.000 EUR bereinigt und als Web-App veröffentlicht werden. Alle Ab-Preise hängen vom geprüften Umfang ab.
Ja. Seit iOS und iPadOS 16.4 (März 2023) gibt es Push-Notifications für Web-Apps, die zum Home-Bildschirm hinzugefügt wurden. Die Installation erfolgt über das Teilen-Menü und dann Zum Home-Bildschirm. Seit iOS 16.4 können das auch andere Browser anbieten, in Safari 26 öffnet jede so hinzugefügte Website standardmäßig als Web-App. Background Sync unterstützt Safari laut MDN nicht.
PWAs eignen sich besonders für Content-Apps, E-Commerce, interne Unternehmens-Tools und alle Anwendungen, die Web-Reichweite priorisieren. Native Apps sind besser bei intensiver Hardware-Nutzung (AR/VR, Gaming), wenn App Store Präsenz wichtig ist, oder wenn tiefe System-Integration benötigt wird.
Ja, PWAs können auf viele Hardware-Features zugreifen: Kamera, Mikrofon, GPS, Beschleunigungssensor und mehr. Web Bluetooth und Web NFC sind experimentell und browserabhängig. Für viele Business-Anwendungen reichen die verfügbaren Web-APIs aus, das sollte aber vor Projektbeginn für die benötigten Geräte geprüft werden.
PWAs werden mit Web-Technologien entwickelt und laufen im Browser, native Apps werden für iOS oder Android separat programmiert. PWAs brauchen nur eine Codebasis, sind sofort aktualisierbar und SEO-optimierbar. Native Apps bieten vollen Hardware-Zugriff, bessere Performance bei Spielen und AR/VR sowie App Store Sichtbarkeit. Für viele Business-Anwendungen bieten PWAs ein gutes Preis-Leistungs-Verhältnis.
Quellen
- Progressive Apps: Escaping Tabs Without Losing Our Soul - Alex Russell, Infrequently Noted, Juni 2015
- WebKit Features in Safari 16.4 - WebKit, März 2023
- Web Push for Web Apps on iOS and iPadOS - WebKit, Februar 2023
- News from WWDC25: WebKit in Safari 26 beta - WebKit, Juni 2025
- Updates to Storage Policy - WebKit, August 2023
- Background Synchronization API - MDN, abgerufen am 05.11.2026
- Web Bluetooth API - MDN, abgerufen am 05.11.2026
- Web NFC API - MDN, abgerufen am 05.11.2026
- Fallstudie Twitter Lite - web.dev, Fallstudie von 2017
- Starbucks ordering and store locator progressive web app - Nearform, ohne Datum, abgerufen am 05.11.2026
- A Pinterest Progressive Web App Performance Case Study - Addy Osmani, Dev Channel, November 2017
- Building m.uber - Uber Engineering, Juni 2017
- Web App Manifest des Web-Players - Spotify, abgerufen am 05.11.2026
Weiterführende Artikel
PWA-Entwicklung Service
Unsere PWA-Entwicklungsleistungen
Web App Entwicklung
Alle Web-App-Lösungen im Überblick
App-Entwicklung Kosten
Transparenter Preisüberblick
PWA Beispiele 2026
9 bekannte PWAs mit Quellen
PWA Agentur finden
10 Fragen an Ihre PWA Agentur
App-Entwicklung Kosten 2026
Aktuelle Preisbeispiele und Budgetplanung
Interesse an einer PWA für Ihr Projekt?
Wir beraten Sie kostenlos und unverbindlich, ob eine Progressive Web App die richtige Lösung für Ihr Vorhaben ist. Mit mehr als 20 Jahren Erfahrung in der Softwareentwicklung finden wir den passenden Ansatz für Sie.
Antwort innerhalb 24h - Persönliche Beratung - Unverbindlich