Was die PWA-Entwicklung umfasst
Wir setzen auf der bestehenden Website auf: Manifest, Service Worker und Benachrichtigungen, ohne das Projekt neu zu schreiben. Der Code bleibt in Ihrem Repository.
Web App Manifest und Installation
Symbole für alle Bildschirmgrößen, Name, Farben, Startbildschirm und der Modus ohne Adressleiste. Genau diese Datei sorgt dafür, dass der Browser die Installation anbietet.
Service Worker und Offline-Betrieb
Grundgerüst und statische Dateien werden vorab zwischengespeichert, Daten kommen aus dem Netz mit dem Cache als Rückfallebene. Ohne Verbindung sieht der Nutzer gespeicherte Seiten statt einer Browserfehlermeldung.
Push-Nachrichten
Anmeldung über Web Push, Segmente und Anlässe: abgebrochener Warenkorb, Bestellstatus, wieder verfügbarer Artikel. Die Berechtigungsabfrage erscheint nach einer Nutzeraktion, nicht auf dem ersten Bildschirm.
Tempo bei Folgebesuchen
Der zweite Aufruf kommt aus dem Cache, die Oberfläche erscheint also fast sofort, selbst bei schwacher Verbindung. Das zeigt sich in den mobilen Core Web Vitals.
PWA auf bestehender Website
Funktioniert mit WordPress, OpenCart oder einer Eigenentwicklung. Inhalte müssen nicht migriert und das CMS nicht gewechselt werden — es ändert sich die Auslieferungsschicht, nicht die Website.
Installationen messen
Installationen, Starts über das Symbol und Reaktionen auf Push-Nachrichten gehen als Events an GA4. Sichtbar wird nicht nur, wie viele installiert haben, sondern wie viele die App wirklich nutzen.
Ergebnisse unserer Kunden
Rezensionen
Wie wir arbeiten
Eine PWA behebt keine Schwächen der Website. Deshalb beginnen wir nicht damit, solange die Basis schlecht läuft.
Erst die schnelle Website, dann die PWA
Der Cache beschleunigt Folgebesuche, der allererste Aufruf bleibt jedoch, wie er war. Lädt eine Seite langsam, fangen wir genau dort an.
Cache mit Versionen
Der häufigste Umsetzungsfehler: Nutzer sehen einen alten Preis, weil der Service Worker die gespeicherte Kopie ausliefert. Die Versionierung legen wir von Anfang an an.
Keine Installationsbanner mit Nachdruck
Ein Banner über dem Inhalt auf dem ersten Bildschirm schadet Conversion und mobilen Kennzahlen. Wir zeigen das Angebot denen, die bereits zurückgekehrt sind.
Beratung oder Audit anfragen
Wann eine PWA günstiger ist als eine App
Eine native App bedeutet zwei getrennte Entwicklungen, zwei Store-Einträge und eine Prüfschleife für jede Korrektur. Die PWA bleibt Teil der Website: eine Codebasis, ein Team, und das Update ist da, sobald Sie es ausrollen. Für Unternehmen, die Symbol, Push-Nachrichten und Tempo brauchen, genügt das meist.
Eine Codebasis
Website und App sind dasselbe Projekt. Es braucht keine getrennten iOS- und Android-Entwickler und keinen Abgleich von drei Funktionsständen.
Updates ohne Store-Prüfung
Ein korrigierter Preis oder Text erreicht den Nutzer beim nächsten Öffnen. Kein Warten auf die Store-Freigabe und kein Überreden, die App zu aktualisieren.
Inhalte bleiben auffindbar
PWA-Seiten sind normale URLs, die indexiert werden und Traffic bringen. Der Inhalt einer nativen App existiert in den Suchergebnissen nicht.
So setzen wir eine PWA um
Wir beginnen nicht beim Manifest, sondern bei der Frage, was ein Nutzer ohne Verbindung erledigen können muss. Daraus ergibt sich die Cache-Strategie.
Audit der Website
Offline-Szenario
Manifest, Service Worker, Cache
Prüfung und Start
Zusätzliche Dienstleistungen
Websites
Zielseite
E-Commerce
Werbekreative
CRM-Einführung
Häufige Fragen zur PWA
Was vor dem Start am häufigsten gefragt wird.