Progressive Web App (PWA)
Eine Progressive Web App (PWA) ist eine Website, die sich dank moderner Web-Technik wie eine installierbare App verhält, mit Offline-Modus und eigenem Icon.
Eine Progressive Web App (PWA) ist eine Website, die mit modernen Web-Technologien gebaut ist und sich dadurch wie eine native App verhält. Du rufst sie normal im Browser auf und kannst sie auf Wunsch auf dem Startbildschirm von Smartphone oder Computer installieren, ohne Umweg über den App Store oder Google Play. Einmal installiert läuft sie in einem eigenen Fenster, funktioniert teilweise offline und kann Push-Benachrichtigungen senden. Technisch beruht eine PWA auf drei Bausteinen: dem Service Worker, einem Hintergrund-Skript, das Inhalte zwischenspeichert, dem Web App Manifest, einer Datei mit Name, Icon und Startverhalten, und der Auslieferung über HTTPS, die zwingend ist.
Warum eine PWA wichtig ist
Eine PWA verbindet die Reichweite des Webs mit der Bedienung einer App. Statt getrennter Apps für iOS und Android entwickelst und pflegst du eine Codebasis, die überall läuft. Das spart Kosten und Zeit. Besucher profitieren von kurzen Ladezeiten, weil der Service Worker bereits besuchte Inhalte lokal bereithält. Da eine PWA eine Website bleibt, ist sie über Google auffindbar und indexierbar. Eine native App erscheint dagegen nicht in der Websuche. Schnelle und zuverlässige Seiten verbessern zudem die Core Web Vitals und damit indirekt das Ranking.
Wie es in der Praxis funktioniert
Damit aus einer Website eine PWA wird, braucht es mehrere Elemente:
- Service Worker: Er speichert Dateien im Cache und ermöglicht die Nutzung ohne Verbindung sowie schnelle Wiederbesuche.
- Web App Manifest: Es legt App-Name, Icon, Farben und das Startverhalten fest, etwa den Vollbildmodus.
- HTTPS: Ohne gültiges Zertifikat läuft kein Service Worker.
- Responsives Layout: Es ist die Grundlage dafür, dass die App auf jedem Gerät sauber funktioniert.
- Installierbarkeit: Der Browser bietet die Option "Zum Startbildschirm hinzufügen" an.
Auf Android sind PWAs vollständig integriert. Auf iOS funktionieren sie ebenfalls, einzelne Funktionen wie Push-Nachrichten sind dort aber eingeschränkt. Eine PWA ersetzt nicht jede native App. Für rechenintensive Spiele oder eine tiefe Integration in das Gerät bleibt eine native Lösung oft sinnvoller.
Praxis-Bezug für Schweizer KMU
Für viele KMU ist eine PWA ein pragmatischer Mittelweg: die Bedienung einer App ohne den Aufwand einer separaten App-Entwicklung. Ein Restaurant mit Speisekarte, ein Handwerksbetrieb mit Terminbuchung oder ein lokaler Shop profitieren von kurzen Ladezeiten und einem Icon auf dem Smartphone ihrer Stammkunden. Voraussetzung sind ein sauberes Responsive Design, eine kurze Ladezeit und HTTPS. Erst dann lohnt sich der Schritt zur installierbaren App.
Häufige Fragen
Eine native App wird für iOS oder Android separat entwickelt und über den App Store installiert. Eine PWA ist eine Website mit einer Codebasis, die im Browser läuft, sich aber installieren lässt und offline funktioniert. PWAs sind günstiger und über Google auffindbar. Native Apps bieten dafür eine tiefere Integration in das Gerät.
Teilweise. Dank Service Worker werden bereits besuchte Inhalte zwischengespeichert und stehen offline zur Verfügung. Funktionen, die aktuelle Daten vom Server brauchen, etwa eine Live-Terminbuchung, benötigen weiterhin eine Verbindung.
Ja, weil eine PWA eine Website bleibt und damit von Google indexiert wird. Kurze Ladezeiten durch Caching verbessern die Core Web Vitals und die Nutzererfahrung. Beides wirkt sich positiv auf das Ranking aus, anders als bei einer rein nativen App.
Passende Leistungen