Kurz erklärt · Technik & Plattform
Eine Progressive Web App (PWA) ist eine Webseite, die sich wie eine App verhält: Man kann sie auf dem Startbildschirm ablegen, im eigenen Fenster ohne Adressleiste starten und, wenn sie dafür eingerichtet ist, auch ohne Internet nutzen.
Auch: PWA, Progressive Webanwendung, Progressive Web Application, Web-App, installierbare Web-App
Was ist eine Progressive Web App?
Eine Progressive Web App, kurz PWA, ist eine ganz normale Webseite mit ein paar Extras. Du öffnest sie im Browser wie jede andere Seite. Zusätzlich kannst du sie auf den Startbildschirm deines Handys oder auf den Desktop legen. Von dort startet sie im eigenen Fenster, ohne Adressleiste und Tabs – sie fühlt sich an wie eine installierte App.
Das Wort progressive bedeutet hier: Die Seite funktioniert zuerst überall als einfache Webseite und wird auf Geräten, die mehr können, Schritt für Schritt besser. Den Begriff prägten 2015 die Designerin Frances Berriman und der Browser-Entwickler Alex Russell.
Für Spiele ist das praktisch: Ein Browserspiel lässt sich so ohne Store, ohne Konto und ohne großes Download-Paket wie eine App nutzen. Updates kommen automatisch, sobald du das Spiel mit Internet öffnest.
Wie funktioniert eine PWA technisch?
Damit aus einer Webseite eine installierbare App wird, braucht sie drei Bausteine:
- HTTPS: Die Seite muss verschlüsselt übertragen werden. Ohne sichere Verbindung bieten Browser die Installation nicht an.
- Web-App-Manifest: eine kleine Textdatei mit Name, Symbol, Farben und Startadresse. Sie sagt dem Browser, wie die App auf dem Startbildschirm aussieht und ob sie im Vollbild oder als eigenes Fenster startet.
- Service Worker: ein Skript, das im Hintergrund zwischen Seite und Internet vermittelt. Er kann Dateien zwischenspeichern und die Seite so auch offline ausliefern.
Spielstände und Einstellungen liegen bei einer PWA meist im Speicher des Browsers, zum Beispiel im Local Storage. Sie bleiben auf deinem Gerät, solange du die Browserdaten nicht löschst.
Tipp: Ob ein Spiel offline läuft, entscheidet der Service Worker – nicht das Symbol auf dem Startbildschirm. Eine PWA ohne Offline-Speicher braucht beim Start trotzdem Internet.
PWA oder App aus dem Store: Was ist der Unterschied?
| Merkmal | PWA | App aus dem Store |
|---|---|---|
| Installation | Über das Browser-Menü, in Sekunden | Über einen Store, oft mit Konto |
| Größe | Meist klein, lädt nur, was gebraucht wird | Oft deutlich größer |
| Updates | Automatisch beim nächsten Start mit Internet | Über den Store |
| Offline | Möglich, wenn ein Service Worker die Dateien speichert | Meist möglich |
| Gerätefunktionen | Viele, etwa Bewegungssensor oder Gamepad, je nach Browser | Nahezu alle |
| Daten | Im Browser des Geräts | Im App-Speicher des Geräts |
Eine PWA ersetzt nicht jede App. Für Spiele, die im Browser ohnehin gut laufen, ist sie aber oft der bequemste Weg: kein Store, kein Konto, sofort spielbereit.
Typische Fehler und Tipps
- Menüpunkt nicht gefunden? Je nach Browser heißt er „Zum Startbildschirm hinzufügen“ oder „App installieren“, manchmal steckt er im Teilen-Menü.
- Erst einmal online öffnen: Offline-fähige Spiele speichern ihre Dateien beim ersten Besuch. Danach klappt es auch ohne Netz.
- Browserdaten löschen entfernt meist auch die Spielstände und gespeicherten Dateien der PWA.
- Online-Funktionen wie eine Online-Bestenliste oder Mehrspieler-Räume brauchen weiterhin Internet.
Progressive Web App (PWA) in Spielen auf Player 0o5
Mittweida Stories
Mittweida Stories ist mit rund 23 MB deutlich größer, lässt sich nach dem ersten Laden aber ebenfalls offline spielen. Die Spielstände bleiben in deinem Browser.
Duum Z9001
Nicht jede Spielseite ist eine PWA: Duum Z9001 lässt sich nicht als App installieren. Ohne Internet spielst du es mit den Downloads am echten Rechner oder im Emulator.
So installierst du ein Browserspiel als App
- Öffne das Spiel ganz normal im Browser und warte, bis es vollständig geladen ist.
- Tippe auf das Menü des Browsers. Je nach Gerät sind das drei Punkte, drei Striche oder das Teilen-Symbol.
- Wähle „Zum Startbildschirm hinzufügen“ oder „App installieren“.
- Bestätige den vorgeschlagenen Namen. Das Spiel-Symbol erscheint auf dem Startbildschirm.
- Starte das Spiel künftig über das Symbol. Es öffnet sich im eigenen Fenster ohne Adressleiste.
- Willst du offline spielen, öffne das Spiel einmal mit Internet. Ob es offline läuft, steht im Guide zum Spiel.
Häufige Fragen zu Progressive Web App (PWA)
Was ist eine PWA einfach erklärt?
Eine PWA ist eine Webseite, die du wie eine App auf dem Startbildschirm ablegen kannst. Sie startet im eigenen Fenster und kann, wenn sie dafür gebaut ist, auch ohne Internet laufen.
Ist eine PWA sicher?
Eine PWA läuft im Browser mit denselben Schutzregeln wie jede Webseite und muss über HTTPS ausgeliefert werden. Auf Gerätefunktionen greift sie nur zu, wenn der Browser es erlaubt, oft erst nach deiner Zustimmung.
Funktioniert jede PWA offline?
Nein. Offline geht es nur, wenn ein Service Worker die nötigen Dateien zwischenspeichert. Bestenlisten und Mehrspieler-Räume brauchen immer eine Verbindung.
Wie entferne ich eine PWA wieder?
Wie eine normale App: Symbol lange drücken und entfernen, am Computer über das Menü des App-Fensters. Gespeicherte Spielstände löschst du zusätzlich über die Website-Daten im Browser.
Wie viel Speicher braucht eine PWA?
Meist wenig, denn gespeichert werden nur die Dateien der Seite und deine Daten. Horde auf Player 0o5 ist zum Beispiel nur rund 0,3 MB groß.
Verwandte Begriffe
- Technik & PlattformService WorkerDer unsichtbare Vermittler im Browser: Ein Service Worker speichert Dateien zwischen, damit Spiele auch ohne Internet starten.
- Technik & PlattformLocal StorageDer Merkzettel im Browser: Im Local Storage liegen Spielstand, Rekord und Einstellungen – nur auf deinem Gerät.
- Genres & SpielartenBrowserspielAdresse öffnen und losspielen: Was ein Browserspiel ist, welche Webtechnik dahintersteckt und was es von Apps und Progressive Web Apps unterscheidet.
- Fortschritt & WertungOffline-FortschrittOffline-Fortschritt einfach erklärt: wie Idle-Spiele die Zeit nachrechnen, in der du weg warst, und warum es Drosselung und Obergrenzen gibt.
- SpielmechanikSpielstandFortschritt sichern und später weiterspielen: Was ein Spielstand ist, wo Browserspiele ihn ablegen und wie du ihn auf ein anderes Gerät mitnimmst.