PWA statt native App: oft die pragmatische Wahl.
Eine Web-App fürs Homescreen.

Eine PWA ist im Kern eine Website, die sich wie eine App verhält. Der Nutzer öffnet sie im Browser und legt sie über "Zum Homescreen hinzufügen" ab. Danach startet sie mit eigenem Icon, ohne Adressleiste, im Vollbild. Es gibt nichts zu installieren, nichts freizugeben, keine zweite Codebasis. Eine gepflegte Web-App, die auf iPhone und Android gleichermaßen funktioniert.

Warum native Apps aufwendig sind

Eine echte iOS- oder Android-App zu veröffentlichen, ist kein Nachmittagsprojekt. Bevor die erste Version im Store steht, sammelt sich einiges an:

• Entwicklerkonten: Apple kostet 99 US-Dollar pro Jahr, Google einmalig 25 US-Dollar. Ohne diese Konten geht nichts.
• Store-Prüfung: Apple und Google prüfen jede Einreichung. Das dauert, und eine Ablehnung wegen einer Kleinigkeit wirft dich zurück.
• Zwei Welten: iOS und Android sind technisch verschieden. Entweder du baust zweimal, oder du nimmst ein Framework, das eigene Eigenheiten mitbringt.
• Jedes Update erneut durch die Prüfung: Schon ein Tippfehler-Fix muss wieder eingereicht und freigegeben werden.

Für ein internes Werkzeug, einen Kundenbereich oder eine kleine App mit überschaubarem Funktionsumfang steht dieser Aufwand oft in keinem Verhältnis zum Nutzen.

Was eine PWA kann, und wo die Grenzen sind

Eine PWA deckt erstaunlich viel ab: Vollbild ohne Browser-Leiste, Offline-Betrieb über einen Service Worker, Kamera- und Standortzugriff, lokale Datenspeicherung. Für Formulare, Dashboards, Buchungen, Kundenbereiche oder einen Konfigurator reicht das in aller Regel. Wie weit das heute geht, kannst du live ausprobieren: What PWA Can Do Today zeigt die aktuellen Fähigkeiten direkt im Browser.

Grenzen gibt es trotzdem, vor allem auf dem iPhone. Manche tiefen Systemfunktionen bleiben nativen Apps vorbehalten, und Apple ist bei Web-Apps zurückhaltender als Google. Wenn dein Vorhaben Bluetooth-Hardware, aufwendige 3D-Grafik, Hintergrund-Standort oder eine Bezahlung über den App Store braucht, wird es mit einer PWA eng. Für den Großteil der Geschäfts-Apps trifft das aber nicht zu.

Push-Benachrichtigungen gehen inzwischen auch

Lange war das der wunde Punkt: Web-Push funktionierte auf Android, aber nicht auf dem iPhone. Das hat sich geändert. Seit iOS 16.4 kann auch eine PWA Push-Benachrichtigungen schicken. Eine Bedingung gibt es: Auf dem iPhone muss die PWA zuerst über "Zum Homescreen hinzufügen" installiert sein. Im normalen Safari-Tab kommt kein Push an. Auf Android funktioniert Web-Push schon direkt im Browser.

Fallstricke, die du kennen solltest

Eine PWA ist schnell gebaut, aber ein paar Eigenheiten kosten Zeit, wenn man sie nicht kennt. Die wichtigsten aus der Praxis:

• Push braucht die Installation: Auf iOS greift Web-Push erst, wenn die App auf dem Homescreen liegt. Plane einen klaren Hinweis für den Nutzer ein, der genau dorthin führt.
• iOS beendet PWAs im Hintergrund: Wechselt der Nutzer die App, wird die PWA oft komplett aus dem Speicher geworfen und startet danach neu. Speichere den Stand (Warenkorb, Formular, Fortschritt) laufend lokal, statt dich auf den Arbeitsspeicher zu verlassen.
• Getrennter Speicher nach der Installation: Beim Ablegen auf dem Homescreen kopiert iOS einmalig die Cookies aus Safari. Danach sind Safari und die installierte PWA getrennte Welten. Wer sich im Browser abmeldet, ist in der PWA noch angemeldet. Baue Login und Session so, dass das nicht verwirrt.
• Vollbild sauber setzen: Für randlose Darstellung hinter Notch und Dynamic Island brauchst du viewport-fit=cover plus die safe-area-inset-Werte. Ohne das bleiben auf modernen iPhones entweder Balken oder Bedienelemente liegen unter der Kamera.
• Höhe richtig messen: Auf dem iPhone verhalten sich 100vh und 100dvh beim Kaltstart einer installierten PWA unzuverlässig. Wer volle Höhe braucht, sollte das früh testen statt es kurz vor dem Launch zu entdecken.
• Keine Ausrichtungssperre auf iOS: Eine feste Quer- oder Hochkant-Ausrichtung lässt sich auf dem iPhone nicht erzwingen. Wenn deine App das braucht, fange den Fall im Layout ab.
• Externe Links brechen das Vollbild: Ein Link nach außen öffnet auf iOS eine separate Browser-Ansicht und reißt den App-Eindruck auf. Halte wichtige Wege innerhalb der App.
• Die Badge-Zahl am Icon: Die kleine Zahl am App-Icon ist auf iOS-PWAs unzuverlässig. Verlass dich für nichts Wichtiges darauf.

Ganz ehrlich: eine PWA sauber zu integrieren ist fummeliger, als es klingt. Die iOS-Eigenheiten sind kaum dokumentiert, und selbst KI- und Coding-Agenten verzweifeln an der perfekten Umsetzung noch regelmäßig. Ein technischer Leitfaden zu Web-Apps auf dem iPhone hat mir dabei richtig geholfen und sammelt viele dieser Stolperfallen an einem Ort (englisch): iOS Game UI for Web & PWA: A Developer Guide.

Nutzer zur Installation führen

Eine PWA lebt davon, dass sie auf dem Homescreen landet. Genau hier scheitert es oft, weil iOS von sich aus keinen Installations-Dialog zeigt. Ohne Hinweis findet kaum jemand den Weg, und Push funktioniert auf dem iPhone ohnehin erst nach der Installation. Ein kurzer, gut platzierter Onboarding-Hinweis entscheidet also darüber, ob deine App genutzt wird.

• Auf dem iPhone (Safari): Über das Teilen-Symbol geht es zu "Zum Homescreen hinzufügen". Zeig diesen Schritt aktiv, am besten mit einer kleinen Grafik, statt ihn vorauszusetzen.
• Auf Android: Der Browser bietet die Installation oft selbst an. Diesen Moment kannst du sogar per Code abfangen und einen eigenen "App installieren"-Button auslösen.
• Timing statt Tür ins Gesicht: Frag nicht beim ersten Aufschlag. Der Hinweis wirkt besser, wenn der Nutzer den Nutzen schon gesehen hat.

Wann PWA, wann native

Die Entscheidung ist selten eine Glaubensfrage, sondern eine des Zwecks:

• PWA reicht, wenn es um Inhalte, Formulare, einen Kundenbereich, ein internes Tool oder eine App geht, die vor allem online arbeitet. Schneller live, eine Codebasis, Updates ohne Store-Freigabe.
• Nativ lohnt sich, wenn du tiefe Hardware-Integration, maximale Performance bei Grafik, Bezahlung über den Store oder eine starke Präsenz in den Stores selbst brauchst.

Für viele Betriebe im Mittelstand ist die PWA der schnellere und günstigere Weg zu einer App, die auf dem Homescreen landet und trotzdem gepflegt bleibt.