Ein Besucher landet über Google auf Deiner Website, klickt sich durch ein paar Seiten und tippt dann im Browser-Menü auf „Zum Startbildschirm hinzufügen". Ab da liegt Deine Seite als Symbol zwischen den echten Apps auf seinem Handy, öffnet sich im Vollbild ohne Adressleiste und lädt beim nächsten Mal in Sekundenbruchteilen. Eine eigene App aus dem Store hast Du dafür nie gebaut.
Genau das leistet eine Progressive Web App, kurz PWA. Es ist Deine ganz normale Website, aufgewertet um ein paar Eigenschaften, die man sonst nur von App-Store-Apps kennt. Für Selbständige und kleine Unternehmen ist das oft der ruhigere Weg zu einem App-Gefühl, ohne den Aufwand und die Kosten einer richtigen App.
Was eine Progressive Web App überhaupt ist
Eine Progressive Web App ist Deine Website mit App-Eigenschaften. Sie läuft im Browser wie jede andere Seite, bekommt aber zusätzlich Merkmale, die ein Besucher von Apps erwartet: ein Symbol auf dem Startbildschirm, ein Vollbild ohne sichtbare Adressleiste und Inhalte, die auch bei wackeligem Netz noch erscheinen.
Der Besucher merkt davon im Idealfall nichts Technisches. Er sieht nur, dass Deine Seite sich öffnen und benutzen lässt wie eine App. Dahinter steckt keine getrennte Programmierung für Apple und Android. Es bleibt eine einzige Website, die Du ohnehin pflegst.
Damit baut die PWA direkt auf den Grundlagen auf, die eine moderne Seite heute schon mitbringen sollte. Eine Seite, die mobil sauber funktioniert, ist die Voraussetzung dafür, und was das praktisch heißt, klärt der Beitrag zu Mobile First und seiner Bedeutung.
Was eine PWA für Deine Besucher kann
Die App-Eigenschaften klingen abstrakt, bis Du sie aus Sicht eines Besuchers durchgehst. Drei davon machen im Alltag den Unterschied.
- Symbol auf dem Startbildschirm: Deine Seite landet mit einem Icon zwischen den Apps. Beim nächsten Besuch tippt der Nutzer das Symbol an, statt Deine Adresse zu suchen oder durch Lesezeichen zu kramen.
- Offline und bei schwachem Netz nutzbar: Schon besuchte Inhalte erscheinen auch dann, wenn das Netz gerade schwächelt. In der Bahn, im Keller oder im Funkloch sieht der Besucher Deine Seite statt einer Fehlermeldung.
- Spürbar schneller beim zweiten Besuch: Die Seite merkt sich Bausteine vom letzten Mal und lädt sie nicht neu. Der zweite Aufruf fühlt sich an wie das Öffnen einer installierten App.
Dieses Tempo hängt eng damit zusammen, wie eine Seite schon Besuchtes zwischenspeichert. Wie dieses Zwischenspeichern grundsätzlich funktioniert, erklärt der Beitrag Caching erklärt für Browser, Server und CDN ausführlich.
Dazu kommt ein angenehmer Nebeneffekt: Das Vollbild ohne Adressleiste lässt Deine Inhalte ruhiger wirken. Der Besucher konzentriert sich auf das, was Du zeigst, ohne Browser-Rahmen drumherum.
Wann sich eine PWA lohnt und wann eine echte App
Beide Wege führen zu einem App-Gefühl auf dem Handy, treffen aber unterschiedliche Lagen. Es hilft, beide nebeneinander zu betrachten.
Eine Progressive Web App passt gut, wenn Deine Inhalte im Kern aus Texten, Bildern, Terminen, Preisen oder einem Kontaktweg bestehen. Also für Handwerksbetriebe, Praxen, Beratungen, Restaurants oder Vereine, die ihren Besuchern einen schnellen, wiederkehrenden Zugriff bieten wollen. Du pflegst eine einzige Website, sie funktioniert auf jedem Gerät, und der App-Komfort kommt obendrauf.
Eine echte App aus dem Store wird interessant, sobald Du tief in die Hardware des Geräts greifst: Push-Mitteilungen mit voller Zuverlässigkeit auf allen Systemen, Bluetooth-Zubehör, intensive Kamera-Funktionen oder Bezahlvorgänge direkt über den App-Store. Auch wenn die Präsenz im App-Store selbst Teil Deines Geschäfts ist, führt der Weg eher über eine richtige App. Der Preis dafür: getrennte Entwicklung für Apple und Android, Store-Freigaben und laufende Pflege auf mehreren Plattformen.
Für die allermeisten kleinen Unternehmen reicht die PWA-Stufe. Sie holt einen Großteil des App-Komforts ab, ohne dass Du Dich auf das Hamsterrad zweier App-Stores einlässt.
Was Dich eine PWA kostet und braucht
Die gute Nachricht zuerst: Eine PWA setzt auf Deiner bestehenden Website auf. Du wirfst nichts weg und beginnst nichts von vorn. Es kommt eine technische Schicht hinzu, die Deine Agentur einrichtet.
Voraussetzung ist eine Seite, die ohnehin auf dem Stand der Technik ist: sicher über HTTPS ausgeliefert und auf allen Bildschirmgrößen sauber bedienbar. Wie diese flexible Darstellung zustande kommt, beschreibt der Beitrag zu den Grundlagen von Responsive Design. Steht dieses Fundament, ist der Schritt zur PWA überschaubar.
Der Aufwand selbst hält sich in Grenzen. Es geht um die einmalige Einrichtung der App-Schicht und um ein passendes Symbol für den Startbildschirm. Danach pflegst Du weiter ganz normal Deine Website. Eine getrennte App-Pflege fällt nicht an, Store-Gebühren ebenfalls nicht.
Wenn Du mit einer Agentur sprichst, reichen drei Fragen, um die Richtung zu klären: Lässt sich meine Seite zum Startbildschirm hinzufügen? Funktionieren schon besuchte Seiten bei schwachem Netz? Und lädt der zweite Besuch spürbar schneller? Drei klare Ja zeigen Dir, dass die App-Eigenschaften wirklich greifen.
Fazit
Eine Progressive Web App holt einen Großteil des App-Komforts auf Deine bestehende Website: ein Symbol auf dem Startbildschirm, nutzbare Inhalte bei schwachem Netz und ein spürbar schnellerer zweiter Besuch. Du pflegst weiterhin eine einzige Seite und sparst Dir die Doppelarbeit zweier App-Stores.
Für die meisten Selbständigen und kleinen Unternehmen ist das die passende Stufe zwischen reiner Website und teurer App. Frag bei Deiner nächsten Überarbeitung gezielt nach, ob sich Deine Seite zum Startbildschirm hinzufügen lässt. Oft fehlt nur ein kleiner Schritt zum spürbaren App-Gefühl.