Progressive Web Apps (PWA) bieten eine kostengünstige Alternative zu nativen Apps. Sie kombinieren die Vorteile von Websites und mobilen Apps, reduzieren Entwicklungskosten und bieten eine optimierte User Experience. PWAs sind unabhängig von App Stores, benötigen weniger Speicherplatz und ermöglichen automatische Updates, was sowohl für Betreiber als auch für Nutzer zahlreiche Vorteile bringt.
Progressive Web Apps sind die Zukunft der App-Entwicklung.
Sie verbinden technische Vorteile mit einer massiven Kostenersparnis.
Die Nutzung mobiler Endgeräte wächst nach wie vor rasant und viele Website-Betreiber fragen sich: Brauche ich eine native Mobile App, um veränderten Nutzer-Erwartungen entgegenzukommen? Nein. Brauchen Sie nicht! Denn mit einer Progressive Web App geht es viel einfacher und deutlich günstiger.
Seit ihren Anfängen im Jahr 2015 erfreut sich die Progressive Web App (PWA) bei Unter-nehmen, Entwicklern und Nutzern immer größerer Beliebtheit und bildet inzwischen eine ernstzunehmende Konkurrenz zu klassischen Mobile („Native“) Apps, die jeweils plattform-spezifisch entwickelt werden müssen. Die Konsequenz: Die separate Entwicklung einer klassischen App ist nur noch in wenigen Fällen wirklich sinnvoll. Hier möchten wir Ihnen erläutern, was eine PWA ist, wie sie sich von einer Native App unterscheidet und welche Vorteile sie für Betreiber und Nutzer bedeutet.
Da eine PWA sowohl als Website als auch im Look einer klassischen Mobile App auftreten kann, bildet sie eine Art Symbiose aus beiden Anwendungen. Der Vorteil: Statt der doppelten Entwicklung von App und Website muss die PWA nur einmal programmiert werden, wodurch sich der Aufwand und die damit verbundenen Entwicklungskosten erheblich reduzieren. Ein weiterer Pluspunkt ist, dass Progressive Web Apps nicht nur über die App Stores erhältlich sind, sondern grundsätzlich von jeder Webseite heruntergeladen werden können.
Obwohl die PWA auf mobilen Endgeräten augenscheinlich wie eine „normale“ App erscheint und auch mit Icon auf dem Homescreen platziert werden kann, ist sie technisch gesehen eine Website, die mit HTML5, CSS3 und JavaScript erstellt wird und wie eine Website via URL aufgerufen wird.
Als eigentliche Internetseite, die vom Betriebssystem unabhängig läuft, kann sie dennoch mit Funktionalitäten ausgestattet werden, die von mobilen Apps bekannt sind. Dazu gehört beispielsweise, dass die Applikation auf Funktionsmodule und Ressourcen des Endgerätes zugreifen kann. Das heißt: Auch die PWA kann grundsätzlich (allerdings mit Einschränkungen, siehe unten) auf die Mikro-, Kamera- und GPS-Funktionen zugreifen und Push-Notifications versenden.
Anders als bei einer Webseite besteht die Möglichkeit, die PWA offline zu nutzen, soweit die Seiteninhalte einmal im Online-Betrieb erfasst und im Offline-Cache abgelegt wurden. Zusätzlich ist sie nicht nur eine (deutlich kostengünstigere) Me-too-Variante, sondern bietet gegenüber der Native App sogar den Vorteil, bei gleicher User Experience weitaus weniger Speicherplatz in Anspruch zu nehmen und sich automatisch zu aktualisieren, wenn sie mit einer Internetverbindung betrieben wird.
Um die genannten Funktionalitäten bereitstellen zu können, wird ein „Service Worker“ benötigt, ein JavaScript, das vom Web-Browser im Hintergrundausgeführt wird. Dieser ist unter anderem für das Caching verantwortlich, das wiederum den Offline-Betrieb erlaubt und den Versand von Push-Nachrichten ermöglicht. Die sogenannte App Shell wird einmal aus dem Netz geladen und dann lokal gespeichert. Sie sorgt dafür, dass das User Interface der PWA korrekt läuft. Die weitere Entwicklung der Browser-Architekturen und die Frage, inwieweit die Betriebssysteme mobiler Endgeräte die PWA-Technologie fördern – oder behindern – sind die entscheidenden Parameter, in welchem Umfang und in welchem Tempo Progressive Web Apps die klassischen mobilen Apps ersetzen können.
1. Entwicklungskosten
Da Website und App in einem Arbeitsgang programmiert werden, reduzieren sich Arbeitsaufwand und entsprechend die Entwicklungskosten (im Vergleich zu einer Doppelt- oder Mehrfach-Entwicklung für alle relevanten Betriebssysteme) erheblich.
2. Verfügbarkeit
PWAs sind einfach über den Browser auf dem Endgerät verfügbar. Das Herunterladen aus einem App Store entfällt ebenso wie die Installation. Zudem erübrigt es sich, die jeweiligen Zulassungsverfahren für Google Play oder den Apple Store zur durchlaufen. Dagegen kann die PWA überall problemlos online (zum Beispiel auf der Website) und auch über Suchmaschinen gefunden werden.
3. Automatische Updates
Da PWAs bei jedem Online-Zugriff automatisch aktualisiert werden, entfallen Update-Downloads und -Installationen. Entsprechend entfallen auch fortlaufende Entwicklungskosten, die bei der Erstellung regelmäßig erforderliche App-Updates anfallen würden.
4. Geringerer Speicherverbrauch
Obwohl PWAs im Vergleich zu Native Apps eine gute Performance bieten, belegen Sie häufig deutlich geringeren Speicherplatz.
5. User Experience
Da die Benutzeroberflächen der Website und in der APP nahezu identisch oder zumindest sehr ähnlich sind, muss sich der User bei der Nutzung nicht umstellen, sondern kann auf erlernte Bedienung zurückgreifen.
Während nicht nur Google mit seinem Betriebssystem Android und der Weiterentwicklung des Chrome-Browsers (parallel begleitet von Mozilla und Opera) der Nutzbarkeit von PWAs engagiert zuarbeiten, tut sich das Unternehmen Apple bislang noch ein wenig schwer, die Verfügbarkeit von Apps unabhängig von Apple Store zu unterstützen. Trotzdem ist der Aufwand für die Programmierung einer selbständigen Native App aufgrund der erheblichen zusätzlichen Kosten sowohl für die Entwicklung als auch für die langfristige Wartung nur noch in Einzelfällen angemessen und gerechtfertigt.
Wir beraten Sie daher im Vorfeld ausführlich vor dem Hintergrund Ihrer individuellen Anforderungen und Zielsetzungen. Da wir nicht nur bei Webanwendungen, sondern auch bei der Programmierung von Native Apps und PWAs über fundierte Erfahrungen aus der Praxis verfügen, können wir Ihren Entscheidungsprozess konstruktiv begleiten und gemeinsam mit Ihnen die optimale Lösung finden!
Haben Sie Fragen?
Rufen Sie mich einfach an oder schreiben mir eine E-Mail.
Ich freue mich auf unser Kennenlernen.
