Progressive Web Apps: Die Zukunft des Internets?

Während vor einigen Jahren noch vom Desktopcomputer aus im Internet gesurft wurde, ist das Smartphone heutzutage das meistgenutzte Gerät, um Internetservices aufzurufen. „Mobile first“ hat sich mittlerweile als Standard für Onlineprojekte etabliert.

Um die User mobiler Geräte abzuholen, gab es bisher zwei Alternativen: Webseite in responsiver Technik oder die Entwicklung einer nativen App. Oftmals werden diese beiden Möglichkeiten kombiniert, um den Nutzer an verschiedenen Touchpoints abzuholen. Optimal ist diese Lösung nicht. Denn zum einen verursacht sie hohe Kosten in der Konzeption und Erstellung. Zum anderen bedeutet es, dass die User Journey dadurch unterbrochen wird. Ganz anders sieht dies bei Progressive Web Apps aus. Sie verbinden die Vorteile einer Webseite mit jenen einer App und ermöglichen den Usern eine nahtlose Experience.

Progressive Web App: die Lösung aller Probleme?

„Kurz gesagt handelt es sich bei einer PWA um eine Webseite mit App-ähnlichen Eigenschaften, die im normalen Webbrowser läuft. Ihr Sinn und Zweck besteht darin, das Beste aus beiden Welten zu verbinden, um eine optimale User Experience zu schaffen.“ So erklärt uns Jan den USP von Progressive Web Apps. Der Weg in die App ist für den User einer PWA wesentlich kürzer: einfach klicken und loslegen. Wer eine Native App verwenden will, muss diese erst in einem App Store downloaden und installieren.

Der namensgebende Ausdruck „progressive“ steht dafür, dass PWAs unabhängig von Betriebssystem und Browser von jedem User verwendet werden können. Je nach Verfügbarkeit im Browser werden die Features der App stufenweise, also progressiv, für den User verfügbar gemacht. Das Wichtige dabei ist, dass diese Features nicht funktionsnotwendig sind, sondern dem User nur ein Plus an Möglichkeiten bieten.

Das „Look and Feel“ einer PWA verhält sich auf einem Smartphone oder Tablet ähnlich einer nativen App, während es auf einem Laptop oder einem Desktopgerät ein eigenes Fenster öffnet und dem User den Eindruck eines eigenständigen Programms geben.

Große Unternehmen setzten bereits auf PWAs

Wer nach Beispielen für PWAs sucht, stößt schnell auf große Namen: Twitter, Alibaba und Financial Times haben ihre mobilen Webseiten ersetzt und vielleicht schon bald auch ihre nativen Apps. Auch die bekannte Coffeeshop-Kette Starbucks setzt auf die progressive App: Wie man es von gängigen nativen Apps gewohnt ist, bietet auch die Starbucks-PWA die Möglichkeit, ein Konto zu erstellen, nach Filialen zu suchen und Getränke zu bestellen. Das Layout ist komplett responsive und passt sich somit ideal an das Format und die Größe des Endgeräts an. In bester PWA-Manier ist sie natürlich offline-fähig und es lässt sich ein Link am Homescreen hinzufügen. Ein weiterer bekannter Anwender ist Tinder. Mit dem Einsatz einer PWA wurde vor allem die Ladezeit verkürzt: von 11,91 Sekunden auf 4,69 Sekunden, was das Engagement der User steigert. Die Tinder-PWA ist aufgrund des reduzierten Downloads 90 % kleiner als die native Android App.

Doch was sind die konkreten Vorteile von PWAs? Jan hat für uns seine Top fünf Benefits zusammengefasst:

#1 Weder Download noch Installation notwendig

Eine PWA ist über eine URL im Internet zugänglich und wird im Browser ausgeführt, wodurch sie grundsätzlich auf verschiedenen Betriebssystemen läuft. Außerdem ist sie unabhängig von einem App-Store verfügbar und benötigt weder Download noch eine klassische Installation. Beim Besuch der Webseite erhalten die User den Hinweis, dass ein Link am Homescreen hinzugefügt werden kann. Anschließend kann der User die PWA wie eine ganz normale App verwenden.

#2 PWAs funktionieren auch offline

Im Unterschied zu einer herkömmlichen Web App kann eine Progressive Web App auch offline ausgeführt werden. Dazu legt man auf dem Homescreen eines internetfähigen Geräts eine Verknüpfung mit der entsprechenden URL an. Damit lässt sich die App einfach aufrufen – auch wenn nur eine schwache oder gar keine Internetverbindung besteht. Voraussetzung dafür ist der Support von Service-Workern. Dabei handelt es sich um eine Technologie, die sich in die Verbindung zwischen Browser und Server einklinkt und je nach Konfiguration schon gespeicherte Infos zurückliefert, anstatt sie "frisch" aus dem Internet herunter zu laden.

#3 Schneller Download und kurze Ladezeit

Im Normalfall benötigt eine PWA wesentlich weniger Datenvolumen als der Download einer nativen App. Denn anders als bei einer App, die im Download bereits sämtliche Ressourcen enthält, greift eine PWA nur dann auf die Funktionen zu, wenn sie gebraucht werden. Ein weiterer großer Vorteil von Progressive Web Apps ist die kurze Ladezeit. Vor allem im Vergleich zu mobilen Webseiten werden diese viel schneller geladen. Dieser Effekt wirkt sich wiederum positiv auf Conversions beispielsweise in Onlineshops aus. „Es ist ganz einfach: Höhere Geschwindigkeit ist gleich verbesserte User Experience und somit eine Steigerung der Conversion“, fasst Jan zusammen.

#4 Höchste Anpassungsfähigkeit

Eine zentrale Codebasis sorgt bei PWAs für plattformunabhängige Entwicklung. Das bedeutet, dass sie in jedem Browser und auf jedem Gerät, unabhängig von Plattform und Betriebssystem, lauffähig sind. Ihr Funktionsumfang passt sich jedoch an die eingesetzte Hardware und die Browserfunktionen an. Die Features einer PWA wachsen also mit den Gegebenheiten des genutzten Browsers und Endgeräts.

#5 Auffindbarkeit durch Suchmaschinen

Während die Inhalte nativer Apps nicht auf Google & Co auffindbar sind, werden alle Seiten von PWAs im Google Index gelistet und auch entsprechend gerankt. Dank ihrer URL-basierten Struktur können die Inhalte gemäß den aktuellen SEO-Richtlinien angepasst und optimiert werden. Das ist in Bezug auf die digitale Unternehmensstrategie und Auffindbarkeit ein klarer Vorteil.