Progressive Web App (PWA).

Eine Progressive Web App, kurz PWA, ist eine Webanwendung, die sich wie eine native App verhält. Laut MDN, der Entwicklerdokumentation von Mozilla, läuft eine PWA wie eine Website auf vielen Plattformen aus einer einzigen Codebasis und lässt sich wie eine App auf dem Gerät installieren, offline und im Hintergrund nutzen. Für ein Unternehmen ist das interessant, wenn Mitarbeitende, Händler oder Kunden ein Werkzeug regelmäßig nutzen, etwa ein Kundenportal, einen Produktkonfigurator oder ein internes Bestellsystem, ohne dass dafür getrennte Apps für iOS und Android gebaut und über App Stores verteilt werden müssen.

So funktioniert eine Progressive Web App

Zwei Bausteine machen aus einer Website eine PWA. Das Web App Manifest ist eine kleine Datei mit Name, Symbolen, Startadresse und Darstellungsart. Ein Service Worker ist ein Skript, das Anfragen abfangen, Inhalte zwischenspeichern und so Offline-Betrieb ermöglichen kann. Laut web.dev verlangt Chrome für die Installation unter anderem HTTPS sowie ein Manifest mit Name, Symbolen in 192 und 512 Pixeln, Startadresse und einer passenden Darstellungsart.

Bei der Unterstützung gibt es Unterschiede. Laut MDN lassen sich PWAs auf macOS ab Version 14 und auf iOS und iPadOS ab 16.4 installieren, Firefox braucht dafür eine Erweiterung. Seit iOS und iPadOS 26 öffnet laut WebKit jede Website, die auf den Home-Bildschirm gelegt wird, standardmäßig als Web-App, auch ohne Manifest. Push-Benachrichtigungen gibt es auf iPhone und iPad laut WebKit seit iOS 16.4, aber nur für Web-Apps auf dem Home-Bildschirm und nach Zustimmung der Nutzer. In den Versionshinweisen zu Safari 27 haben wir keine Einschränkung dieser Funktionen gefunden.

What You Should Keep in Mind at Work

Prüft zuerst, ob eure Nutzer die Anwendung wirklich wiederholt öffnen. Für eine Unternehmenswebsite, die Interessenten ein- oder zweimal besuchen, bringt eine Installation wenig. Für ein Portal, das Händler jede Woche nutzen, kann sie viel bringen.

Testet auf echten iPhones, nicht nur im Desktop-Browser. Installation, Push und Speicherverhalten unterscheiden sich zwischen Plattformen. In Projekten sehen wir oft, dass eine PWA unter Android sauber läuft und auf iOS erst im Praxistest Lücken zeigt.

Plant die Offline-Fälle bewusst. Ein Service Worker kann Seiten zwischenspeichern, aber ihr müsst festlegen, was ohne Verbindung angezeigt wird und wann veraltete Daten gefährlich sind, etwa Preise oder Lagerbestände. Klärt das früh im Lastenheft.

Häufige Fragen zur Progressive Web App

Ersetzt eine PWA eine native App? Oft, aber nicht immer. Braucht ihr tiefen Zugriff auf Gerätefunktionen oder eine Präsenz im App Store, bleibt die native App die sicherere Wahl.

Muss die PWA in einen App Store? Nein. Nutzer installieren sie direkt aus dem Browser, auf iOS über „Zum Home-Bildschirm".

Ist eine PWA schneller? Nicht automatisch. Zwischengespeicherte Inhalte laden bei wiederholten Besuchen schnell, die erste Ladezeit hängt weiter an Bildern, Skripten und Core Web Vitals. Wie schnell eure Seite heute lädt, zeigt der Speed-Check.

Wenn ihr ein Portal oder Werkzeug für Kunden plant, klären wir im Webdesign, ob eine PWA, eine Website oder eine App der passende Weg ist.