PWA (Progressive Web App)

Was ist eine PWA?

Eine Progressive Web App ist eine Website, die sich wie eine installierte Anwendung verhält. Sie läuft im Browser, lässt sich aber zum Startbildschirm hinzufügen, offline nutzen, kann Push-Benachrichtigungen senden und lädt bei wiederholten Besuchen sofort. Kein App Store, kein Download, keine eigene Codebasis pro Plattform.

Drei Dinge machen das möglich. Ein Service Worker, ein Skript, das der Browser im Hintergrund ausführt, um Assets zu cachen und Netzwerkanfragen abzufangen. Ein Web App Manifest, eine kleine JSON-Datei, die dem Gerät sagt, wie die App installiert und angezeigt wird. Und HTTPS, das das ganze Modell voraussetzt. Gegenüber einer nativen App verliert eine PWA etwas Zugriff auf tiefe Gerätefunktionen und gibt etwas reine Leistung ab. Sie gewinnt Reichweite, eine einzige Codebasis und Updates, die ohne Store-Prüfung ausgeliefert werden. Ein Außendiensttechniker, der in einem Keller ohne Empfang arbeitet, kann in einer PWA weiter Inspektionen erfassen, und die Daten synchronisieren sich, sobald die Verbindung zurückkehrt.

PWAs liegen zwischen einer klassischen responsiven Website und einer nativen Mobile App. Sie passen zu Inhalten, Commerce und Tools, wo Installationshürden und das Gatekeeping der Stores mehr schaden als die fehlenden nativen APIs.

PWAs bei Dallonses

Wir greifen zu einer PWA, wenn ein Kunde app-artige Reichweite braucht, ohne drei Codebasen zu pflegen. Ein Produktteam kam zu uns, das die Hälfte seines Budgets dafür ausgab, iOS, Android und Web für ein Tool synchron zu halten, das vor allem aus Formularen und Dashboards bestand. Wir bauten es als eine einzige Progressive Web App neu. Der Installations-Prompt, der Offline-Cache und der Push-Kanal kamen alle aus der Webplattform, und die Wartungslast sank auf einen Stack.

Service Worker sind leicht auszuliefern und schwer gut auszuliefern. Ein veralteter Cache, der alte Preise zeigt, oder eine Synchronisation, die still Daten verliert, richtet mehr Schaden an als gar kein Offline-Support. Deshalb behandeln wir Caching-Strategie, Update-Fluss und Konfliktbehandlung als Kern-Engineering, nicht als Plugin, das man einschaltet. Unsere Mobile-App-Entwicklung und unsere Webentwicklung durchlaufen dieselbe Review- und Testdisziplin, ob das Ergebnis nativ ist oder eine PWA.

Fragen Sie sich, ob eine PWA zu Ihrem Produkt passt oder ob Sie wirklich nativ brauchen? Klären wir es.

Sprechen Sie mit uns über PWAs