Leitfäden

Vielleicht haben Sie eine Website besucht, die anbot, sie „zum Startbildschirm hinzufügen“ zu lassen. Später öffnete sie sich wie eine echte App: im Vollbild, offline nutzbar und sogar mit Benachrichtigungen. Das ist eine Progressive Web App, kurz PWA. Sie ist eine der nützlichsten Ideen der modernen Webentwicklung. Dieser Leitfaden erklärt, was eine PWA ist, wie sie funktioniert und warum Teams sie bauen.

Eine Progressive Web App ist eine Website, die sich wie eine native Mobil- oder Desktop-App verhält. Sie läuft im Browser wie jede Website, hat aber zusätzliche Fähigkeiten. Sie lässt sich auf dem Startbildschirm installieren, funktioniert ohne Internetverbindung, lädt sofort und sendet Push-Benachrichtigungen. Es ist eine einzige Codebasis, über das Web ausgeliefert, die sich wie eine installierte App anfühlt.

Wie eine PWA funktioniert

Zwei Technologien machen das möglich. Ein service worker ist ein Skript, das im Hintergrund läuft. Er speichert Ihre Dateien zwischen und verwaltet Netzwerkanfragen. Genau das lässt eine PWA offline arbeiten und schnell laden. Ein web app manifest ist eine kleine JSON-Datei. Sie nennt dem Browser den Namen, das Symbol und die Farben der App, damit diese wie eine native App installiert und gestartet werden kann.

Da es weiterhin eine Website ist, braucht eine PWA keinen App-Store. Sie rufen eine URL auf, und der Browser bietet die Installation an. Es gibt keine Download-Warteschlange und keine Store-Freigabe. Updates erfolgen automatisch beim nächsten Öffnen. Für Nutzer ist das reibungslos. Für Entwickler entfällt viel Kontrolle durch die Plattformen.

Warum Teams sie entwickeln

Der Reiz liegt in Reichweite und Kosten. Statt getrennte Versionen für iOS, Android und Web zu bauen, liefert ein Team eine einzige Web-App, die überall läuft: auf Handy, Tablet und Desktop. Das ist günstiger zu bauen und zu pflegen. Außerdem umgeht es App-Store-Gebühren und Prüfungsverzögerungen. Unternehmen wie Twitter, Spotify und Pinterest haben PWAs genau aus diesen Gründen veröffentlicht.

• Auf dem Startbildschirm installieren, ohne App-Store
• Offline oder bei schlechter Verbindung arbeiten, über einen service worker
• Dank Zwischenspeicherung fast sofort laden
• Push-Benachrichtigungen senden, wo die Plattform es erlaubt
• Im Vollbild wie eine native App laufen, über ein web app manifest
• Beim nächsten Öffnen automatisch aktualisieren

Auch Nutzer profitieren. Eine PWA ist in Sekunden installiert, braucht wenig Speicher und kommt mit einer instabilen Verbindung zurecht. Schnelleres Laden und Offline-Zugriff halten die Menschen bei der Sache. Deshalb verbessern PWAs oft die Zahlen, die zählen: wiederkehrende Besuche und Verweildauer.

Die ehrlichen Grenzen

PWAs sind leistungsfähig, aber nicht grenzenlos. Auf manchen Plattformen ist der Zugriff auf tiefe Gerätefunktionen stärker eingeschränkt als in einer echten nativen App. Das betrifft bestimmte Sensoren, Hintergrundaufgaben oder die Präsenz im App-Store. Früher hinkte die Unterstützung auf iOS hinter Android her. Der Abstand ist deutlich kleiner geworden, besteht aber bei einigen Funktionen weiterhin.

Die ehrliche Regel lautet also: Prüfen Sie die aktuelle Unterstützung für die Funktionen, die Sie konkret brauchen. Für die meisten Anwendungen wie Inhalte, Werkzeuge, Shops und Dashboards leistet eine PWA alles Nötige. Wenn Sie eine tiefe Hardware-Integration oder enge Verknüpfungen mit dem Betriebssystem benötigen, ist eine native App vielleicht weiterhin die bessere Wahl.

Fazit

Eine Progressive Web App ist eine Website, die sich wie eine installierte App verhält: offline-fähig, installierbar, schnell und bereit für Benachrichtigungen, aus einer einzigen Codebasis. Sie wird nicht jede native App ersetzen. Doch für sehr viele Produkte bietet sie die meisten Vorteile zu einem Bruchteil der Kosten. Deshalb sind so viele moderne Websites, ganz unauffällig, PWAs.