Fabian Seltmann
06.01.2021

Die Zukunft der App-Entwicklung: Progressive Web Apps (PWA)

Massive Kostenersparnis bei der Entwicklung von Android- und iPhone-Apps

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. Das sind Ihre Vorteile:

  1. Deutlich geringere Entwicklungskosten
  2. Unabhängigkeit von App Stores und deren Zulassungsverfahren
  3. Automatische Updates
  4. Geringerer Speicherverbrauch
  5. Optimierte User Experience

zdrei.com hat sich von der ersten Stunde an mit dieser neuen Technologie auseinandergesetzt und verfügt mittlerweile über fundierte Praxiserfahrungen bei der Realisierung von PWAs.

Seit ihren Anfängen im Jahr 2015 erfreut sich die Progressive Web App (PWA) bei Unternehmen, Entwicklern und Nutzern immer größerer Beliebtheit und bildet inzwischen eine ernstzunehmende Konkurrenz zu klassischen Mobile („Native“) Apps, die jeweils plattformspezifisch entwickelt werden müssen. Die Konsequenz: Die separate Entwicklung einer klassischen App ist nur noch in wenigen Fällen wirklich sinnvoll. Doch alles der Reihe nach. 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.

1 + 1 = 1: Die PWA verbindet App und Website in einer Anwendung

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 liegt auf der Hand: 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 Vorteil ist, dass Progressive Web Apps nicht nur über die App Stores erhältlich sind, sondern grundsätzlich von jeder Webseite heruntergeladen werden können.

Sie möchten zum Thema "Native App oder Progressive Web App" beraten werden?

Dann rufen Sie uns einfach an oder stellen eine Anfrage per E-Mail. Wir freuen uns auf unser Kennenlernen.

Außen App, innen HTML5, CSS3 und JavaScript

Obwohl die PWA auf mobilen Endgeräten augenscheinlich wie eine „normale“ App daherkommt (und zum Beispiel 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 betriebssystemunabhä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 noch 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.

technik.svg

So funktioniert’s: Ein Blick hinter die Kulissen

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.

Die Vorteile von Progressive Web Apps (PWA)

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.

Sie möchten zum Thema "Native App oder Progressive Web App" beraten werden?

Dann rufen Sie uns einfach an oder stellen eine Anfrage per E-Mail. Wir freuen uns auf unser Kennenlernen.

Wir unterstützen Sie bei der Entscheidung

Native App oder Progressive Web App? Wir unterstützen Sie bei der Entscheidung für Ihr Unternehmen! 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 genau 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!
Sie haben Fragen? Rufen Sie mich einfach an oder schreiben mir eine E-Mail. Ich freue mich auf unser Kennenlernen.

- Über den Autor -

Fabian Seltmann

Fabian Seltmann ist Geschäftsfüher bei der zdreicom AG Standort Goch und seine Erfahrungen reichen 15 Jahre zurück. Neben der Entwicklung ist Fabian einer der Projektmanager bei uns im Hause.

Rückrufservice

Mit dem Absenden akzeptieren Sie die Datenschutzbestimmungen .


Köln

Am Gleisdreieck 1 , D-50823 Köln

Zürich

Mainaustrasse 21 , CH-8008 Zürich