Progressive Web Apps

Progressive Web Apps: Das App-Modell der Zukunft

Progressive Web Apps (PWAs) sind das App-Model der Zukunft. Was genau sich hinter dem Begriff verbirgt und wie diese Apps funktionieren, haben wir kurz zusammengefasst.

Die Idee dahinter:
Apps kommen zukünftig nicht mehr aus dem Store einer Plattform auf das Gerät, sondern über den Webbrowser, der ohnehin auf jedem Mobilgerät installiert ist. Und weil das mobile Web mittlerweile so mächtig ist, braucht es auch gar keine native App mehr: Die plattformübergreifende Website wird ebenso zur plattformübergreifenden App.

Was sind Progressive Web Apps?

Progressive Web Apps - das steckt dahinter

Progressive Web Apps bezeichnen die Nutzung moderner Browser-Funktionen, um ein App ähnliches Benutzererlebnis zu realisieren

  • Der Begriff "progressiv" kommt aus dem Lateinischen und bedeutet „fortschrittlich“ bzw. „fortschreitend“. Bei Progressive Web Apps handelt es sich also um fortschrittliche Apps, welche zahlreiche Vorteile gegenüber nativen Apps besitzen.
  • Zur Realisierung können HTML5, CSS3 sowie JavaScript verwendet werden.
  • Die Idee hinter Progressive Web Apps ist folgende: Apps sollen zukünftig nicht mehr aus dem Store, sondern über den Internet-Browser installiert werden, da dieser ohnehin auf jedem Gerät vorhanden ist.

 

 

  • Die Washington Post, Flipkart, das Familienportal netmoms und Booking.com haben bereits erste erfolgreiche PWAs auf dem Markt. Als Vorzeigebeispiel gilt der indische Online Shop Flipkart, welcher mit der PWA eine Steigerung der Conversion Rate von 70 % und eine dreifache Verweildauer auf den Websites erzielen konnte.
  • Progressive Web Apps werden derzeit noch nicht von allen Browsern unterstützt. Chrome und Firefox sind bereits voll kompatibel, von Safari, Opera und Edge gibt es positive Signale.

Progressive Web Apps schließen damit eine lang bekannte Lücke innerhalb des "Mobile First"-Ansatzes. Bisher bestand das Problem für Portalbetreiber darin, dass sowohl eine responsive oder mobile Webseite als auch zusätzlich eine native App entwickelt werden musste, wollte man sich am Markt behaupten. Eine PWA macht die doppelte Entwicklung zukünftig überflüssig, da die Webseite zukünftig auch als PWA agieren kann.

 

So funktionieren Progressive Web Apps

  • Eine Progressive Web App wird gestartet, indem Sie die entsprechende URL in den Browser eingeben. Der Webserver nimmt die Anfrage entgegen und übergibt sie an die PWA, welche daraufhin den HTML-Quellcode einer Website generiert.
  • Diese Website ist aufgrund des responsive Designs an das Endgerät angepasst. Obwohl die PWA über eine URL abgerufen wird, kann man das Icon ganz einfach auf seinen Homescreen ziehen und die App dann auch offline verwenden.

Service Worker - ein wichtiger Bestandteil von Progressive Web Apps

  • Service Worker werden von Websites im Hintergrund ausgeführt und dienen in erster Linie zum Caching, also zum Zwischenspeichern von Informationen für die Offline-Verwendung. Wurden die Informationen einmal online aufgerufen, können sie somit immer wieder verwendet werden, auch wenn das Endgerät gerade offline ist.
  • Service Worker müssen eigens programmiert, im JavaScript registriert und installiert werden. Da Service Worker HTTPS benötigen, läuft auch jede PWA mit HTTPS.
  • Service Worker werden auch von verschiedenen Frameworks bereitgestellt, müssen also nicht zwingend selbst entwickelt werden.

Besonderheiten von progressiven Web Apps

Trotz der Funktionsweise als Websites stellen PWAs eine Reihe von Sonderfunktionen bereit, welche bereits aus normalen Apps bekannt sind:

  • Add-To-Homescreen: Wenn Sie eine PWA öffnen und sie auf seinen Homescreen ziehen, wird ein für diese App entsprechendes Icon angezeigt. Mit einem Klick auf jenes wird die PWA geöffnet und kann - wie bereits erwähnt - auch offline verwendet werden.
  • Push Notifications: Inhaber einer PWA können Sie hiermit auf Rabatte, Events und sonstige Aktionen hinweisen.
  • Offline-Funktionalität: Die Offline-Verfügbarkeit wird mittels Caching sichergestellt. Vor allem für Nutzer mit schlechter Internetverbindung ist dies ein wichtiger Aspekt.
  • Keine Installation: Progressive Web Apps müssen nicht installiert werden, was viel Speicherplatz spart. Die mentale Hürde, eine App zu installieren ist außerdem wesentlich höher, als nur eine Website aufzurufen und ein Icon zu erstellen. Da PWAs nicht installiert werden müssen, sind die Betreiber auch unabhängig von App Stores, welche Anteile für die Vermarktung kassieren würden.