Zum Hauptinhalt springen
Aufträge generieren Messbare Ergebnisse Nachhaltiger Erfolg

Progressive Web App (PWA)

cropped klaus kirnbauer

Eine Progressive Web App (kurz PWA) ist eine Website, die sich mit modernen Webtechnologien wie eine installierte App verhält. Du kannst sie auf dem Startbildschirm deines Smartphones oder Computers ablegen, offline nutzen und Push-Benachrichtigungen empfangen — ohne sie je aus einem App Store herunterladen zu müssen. Technisch bleibt eine PWA eine gewöhnliche Website, die über HTML, CSS und JavaScript läuft.

Entstehung und Geschichte

Der Begriff „Progressive Web App“ wurde 2015 von der Designerin Frances Berriman und dem Google-Chrome-Ingenieur Alex Russell geprägt. Die beiden beobachteten eine neue Klasse von Websites, die sich spürbar anders anfühlten als herkömmliche Webangebote — reaktiver, robuster, näher an einer nativen App. In einem gemeinsamen Artikel beschrieben sie das Konzept und gaben ihm seinen Namen.

Die Idee dahinter war nicht völlig neu. Bereits 2007 hatte Steve Jobs bei der Vorstellung des ersten iPhones argumentiert, externe Entwickler sollten auf Web-Apps statt auf native Anwendungen setzen — damals noch ohne den App Store, der erst ein Jahr später startete. Die Welt entschied sich trotzdem für native Apps, und der Gedanke verschwand vorerst in der Schublade.

Als PWAs 2015 wieder auftauchten, standen erstmals die nötigen Technologien bereit, um das Versprechen einzulösen. Die erste bekannte Produktions-PWA war Flipkart Lite, die der indische E-Commerce-Konzern Flipkart am 9. November 2015 veröffentlichte. Google und Microsoft, obwohl in vielen Bereichen Konkurrenten, förderten den Standard gemeinsam — Microsoft gab dafür sogar seine eigene Universal Windows Platform auf. Apple zog 2018 nach und integrierte grundlegende PWA-Unterstützung in Safari.

Wie eine PWA technisch funktioniert

Drei Bestandteile machen aus einer Website eine PWA: ein Web App Manifest, ein Service Worker und eine verschlüsselte HTTPS-Verbindung.

Das Web App Manifest ist eine einfache JSON-Datei, die dem Browser mitteilt, wie die App auf dem Gerät dargestellt werden soll — also Name, Icon, Startseite und ob die App mit oder ohne Adressleiste geöffnet wird. Diese Datei macht eine PWA „installierbar“: Sobald sie vorhanden ist, bietet der Browser dem Nutzer an, die App zum Startbildschirm hinzuzufügen.

Der Service Worker ist das Herzstück der Offline-Fähigkeit. Es handelt sich dabei um ein JavaScript-Skript, das der Browser im Hintergrund ausführt, unabhängig vom eigentlichen Tab. Es funktioniert als Vermittler zwischen der App und dem Netzwerk: Beim ersten Aufruf lädt es Inhalte in einen lokalen Cache. Wenn die Verbindung später fehlt oder instabil ist, liefert es diese Inhalte direkt aus dem Gerätespeicher. Dadurch funktioniert die PWA auch dann, wenn kein Internet verfügbar ist.

HTTPS ist keine optionale Empfehlung, sondern eine technische Voraussetzung. Service Worker laufen ausschließlich auf sicheren Verbindungen, weil sie vollständige Kontrolle über die Kommunikation zwischen Browser und Server haben — ohne Verschlüsselung wäre das ein erhebliches Sicherheitsrisiko.

PWA vs. native App

Der entscheidende Unterschied liegt im Verbreitungsweg. Eine native App wird für ein bestimmtes Betriebssystem entwickelt — einmal für Android, einmal für iOS, mit jeweils eigenen Werkzeugen und Programmiersprachen. Sie landet im App Store oder Google Play, wo Nutzer sie suchen, herunterladen und installieren. Eine PWA läuft auf jeder Plattform, die einen modernen Browser hat. Eine einzige Codebasis reicht.

Dafür gibt es klare Grenzen: Funktionen wie den Zugriff auf bestimmte Hardware oder die tiefe Integration ins Betriebssystem sind nativen Apps nach wie vor vorbehalten. Für viele Anwendungsfälle — Online-Shops, Nachrichtenportale, Buchungsplattformen — reicht eine PWA aber vollständig aus.

Browser-Unterstützung heute

Google Chrome und Microsoft Edge bieten die umfassendste PWA-Unterstützung und zeigen automatisch einen Installationsdialog an, sobald die technischen Voraussetzungen erfüllt sind. Safari auf dem iPhone unterstützt PWAs seit 2018 grundsätzlich, hat aber über Jahre hinweg einzelne Funktionen wie Push-Benachrichtigungen eingeschränkt oder verzögert eingeführt. Seit iOS 16.4 lassen sich PWAs über das Teilen-Menü in Safari, Chrome, Edge und Firefox installieren. Firefox für Desktop hat im September 2025 mit Version 143 PWA-Unterstützung für Windows nachgeliefert.

Bedeutung für SEO und Online Marketing

Aus SEO-Sicht hat eine PWA einen klaren Vorteil gegenüber einer nativen App: Sie ist über eine URL erreichbar und kann von Suchmaschinen indexiert werden. Eine App im Store ist für Google unsichtbar — eine PWA nicht.

Dazu kommen messbare Effekte auf Nutzerkennzahlen. Twitter führte mit Twitter Lite eine PWA ein und verzeichnete laut eigenen Angaben 65 Prozent mehr aufgerufene Seiten pro Sitzung und 75 Prozent mehr Tweets — bei gleichzeitig über 97 Prozent weniger Dateivolumen verglichen mit der nativen App. Nikkei, das japanische Wirtschaftsmedium, berichtete nach dem Umstieg auf eine PWA von 2,3-mal mehr organischem Traffic und 58 Prozent mehr Abonnements.

Schnellere Ladezeiten durch Caching, Installierbarkeit ohne Store-Hürde und Push-Benachrichtigungen für Rückkehrer machen PWAs zu einem ernsthaften Werkzeug im Online Marketing — besonders dann, wenn die Entwicklung und Pflege einer eigenen nativen App unverhältnismäßig aufwendig wäre.

Häufige Fragen

Was brauche ich, damit meine Website zur PWA wird?

Drei Dinge sind technisch notwendig: eine HTTPS-Verbindung, ein Web App Manifest (eine JSON-Datei mit Infos zur App) und ein registrierter Service Worker. Sind alle drei vorhanden, kann der Browser dem Nutzer anbieten, die Seite zu installieren.

Kann eine PWA auch ohne Internetverbindung funktionieren?

Ja, genau das ist einer der Kernvorteile. Der Service Worker speichert Inhalte beim ersten Aufruf im lokalen Cache. Ruft ein Nutzer die PWA später ohne Verbindung auf, liefert der Service Worker diese zwischengespeicherten Inhalte direkt vom Gerät aus.

Kann eine PWA im App Store oder Google Play gefunden werden?

Standardmäßig nicht — PWAs werden über den Browser aufgerufen und installiert, nicht über einen Store. Google erlaubt es aber seit 2019, PWAs über sogenannte Trusted Web Activities (TWA) im Google Play Store zu listen. Im Apple App Store ist das nicht vorgesehen.