Da Sie den Weg zu diesem Blogbeitrag gefunden haben, haben Sie wahrscheinlich schon irgendwo den Begriff PWA gehört. Gut für Sie – PWAs sind das, wofür das Jahr 2018 in Erinnerung bleiben wird, Sie sind also genau am Puls der Zeit. Wie aufregend! In diesem Blogpost erkläre ich, was der Begriff eigentlich bedeutet und warum Sie sich dafür interessieren sollten.
(Quelle: Google Developer site)
Was ist eine PWA?
PWA steht für Progressive Web Application. Untersuchen wir es, indem wir es in zwei Teile aufspalten. Die beiden letzten Wörter („Webanwendung“) sprechen für sich selbst. PWAs sind Webanwendungen. Mit Webanwendung ist hier einfach eine Anwendung gemeint, die als Website ausgeführt wird, wie z. B. Twitter. Der erste Teil des Begriffs – progressiv – bedeutet, dass die Benutzererfahrung schrittweise auf der Grundlage der Fähigkeiten des Browsers verbessert wird. Im Wesentlichen bedeutet dies, dass die Webanwendung in älteren Browsern gut funktioniert, aber neuere Technologien nutzen kann, um das Erlebnis zu verbessern, wenn der Benutzer einen Browser verwendet, der diese unterstützt. Klingt einfach, oder? Woher stammt der Begriff?
Progressiv bedeutet, dass das Nutzererlebnis schrittweise auf der Grundlage der Fähigkeiten des Browsers verbessert wird
Der Begriff wurde von Google Chrome-Ingenieur Alex Russell in seinem Blogbeitrag im Jahr 2015 eingeführt. Seitdem hat Google ihre Verwendung aktiv gefördert und viele Ressourcen zum Thema bereitgestellt, wie z. B. eine Website, die sie genauer erklärt.
Während ich Präsentationen zu PWAs halte, stoße ich an dieser Stelle immer wieder auf die gleiche Verwirrung. „Also … ist es eine Technologie? Ist es ein Standard? Ist es etwas, das Google gehört/patentiert ist?“ Nein, nichts von alledem. Es handelt sich einfach um einen Begriff, der eine bestimmte Art und Weise beschreibt, Anwendungen zu entwerfen und zu erstellen. Als Nächstes wollen wir versuchen zu verstehen, was sie sind, indem wir die Merkmale durchgehen.
Hier sind die ursprünglichen 9 Merkmale von PWA von Alex Russell mit einer Erklärung, was sie in diesem Zusammenhang bedeuten:
- Responsive: Seite sieht auf verschiedenen Bildschirmgrößen gut aus (z.B. Telefon, Tablet, Desktop)
- Konnektivitätsunabhängig: Funktioniert ohne Internetverbindung
- App-ähnliche Interaktionen: Look’n’feel einer nativen Anwendung
- Frisch: Immer aktuell
- Sicher: Nutzen Sie eine sichere Verbindung, um verschiedene Arten von Sicherheitsbedrohungen zu entschärfen
- Erkennbar: Browser erkennen PWAs automatisch
- Wiedereinschaltbar: Kann Nutzer z. B. über Push-Benachrichtigungen zurück zur App bringen
- Installierbar: Kann auf dem Startbildschirm gespeichert werden, genau wie native Apps, aber ohne den zusätzlichen Aufwand des App Stores
- Linkable: Kann als einfache URL weitergegeben werden
Für den Leser dieses Blogposts sind die wichtigsten Funktionen:
- Installierbarkeit auf dem Startbildschirm
- Zugang zu mehreren nativen APIs wie Kamera, Geolokalisierung, Vibration, Zahlungen usw.
- Unterstützung für Push-Benachrichtigungen
- Offline-Nutzung
- Vollbild- und Splash-Screen-Unterstützung
(Quelle: Alex Russells Blog-Post)
Zusammenfassend lässt sich sagen, dass PWAs das meiste von dem können, was native Apps können, und die Kluft zwischen dem, was native und Web-Apps können, wird immer kleiner.
Warum jetzt?
Du denkst jetzt vielleicht, dass das alles so gut klingt, dass es einen Haken geben muss, da PWAs nicht die Standardmethode zur Implementierung von Anwendungen sind. Ja, Sie haben Recht. Es gibt einen Haken. In einigen Umgebungen mangelt es an Unterstützung für die Technologien, die PWAs ermöglichen. Android wird schon seit einiger Zeit unterstützt, beginnend mit Android 5, was bedeutet, dass über 80 % (Quelle: Googles Android-Statistiken) der Android-Geräte weltweit die für die Implementierung von PWAs erforderlichen Technologien unterstützen. Die Akzeptanz ist sogar noch größer, wenn man nur Europa oder Nordamerika betrachtet. Die Android-Unterstützung ist also bereits sehr gut.
Leider war der andere wichtige Akteur, der sich den Markt für Mobiltelefone teilt, nicht allzu eifrig bei der Implementierung der Technologien (lesen Sie warum). Die iOS-Unterstützung fehlte bisher und verhinderte so die breitere Einführung von PWAs. Aber mit dem bald erscheinenden iOS 11.3 wird die Unterstützung auch für iOS verfügbar sein. Glücklicherweise werden neue iOS-Versionen relativ schnell eingeführt, so dass davon ausgegangen werden kann, dass noch in diesem Jahr ein hohes Maß an Unterstützung verfügbar sein wird. Laut Apple machen die Versionen 10 und 11 93 % aller verwendeten iOS-Versionen aus.
Während der Fokus bei PWAs oft auf der mobilen Umgebung liegt, funktionieren sie auch auf dem Desktop. Anfang dieses Monats gab es eine wichtige Ankündigung von Microsoft, die besagt, dass PWAs jetzt von Edge und Windows 10 unterstützt werden. Chrome und Firefox unterstützen bereits PWAs und auch die nächste Version von Safari für den Desktop wird sie unterstützen.
Beispiel: Twitter Lite
Das bekannteste Beispiel für PWAs ist die PWA-Version von Twitter namens Twitter Lite (probieren Sie es mit Android oder Desktop unter mobile.twitter.com aus). Twitter hat auch seine Beweggründe für die Entwicklung der PWA-Version veröffentlicht. Um einige Fakten aus dem Beitrag hervorzuheben: Im Vergleich zur nativen App beträgt die Größe der PWA-Version nur 1-3 % und die durchschnittliche Ladezeit ist 30 % kürzer.
Weitere bekannte Beispiele für PWAs sind Forbes, Trivago, Washington Post, Telegram, Alibaba und seit kurzem Google Maps Go. Es ist auch ein Verzeichnis von PWAs verfügbar.
Schlussfolgerungen
Das Jahr 2018 wird voraussichtlich das Jahr der PWAs sein. Das Tooling ist bereits auf einem hohen Niveau und es tauchen immer mehr PWAs auf. Sobald die Unterstützung in iOS hoch verfügbar ist, werden PWAs zu einer realistischen Option für native Apps. Falls Sie überlegen, ob PWAs die richtige Wahl für Sie sind, schauen Sie bald wieder vorbei, denn ich werde einen Leitfaden zum Thema „Sollte ich eine PWA anstelle einer nativen App entwickeln?“
Gofore hat bereits Erfahrung mit PWAs und verfügt außerdem über umfangreiche Erfahrungen bei der Entwicklung von responsiven, gut aussehenden, offline-first und effizienten Webanwendungen. Egal, ob Sie Hilfe bei der Auswahl der Architektur, dem Design oder der Implementierung von PWAs benötigen, zögern Sie nicht, uns zu kontaktieren.
Weitere Lektüre aus dem GOFORE BLOG
Agile Transformation in Aktion – Teil 1
Agile Transformation in Aktion – Teil 2
Was bringt die Skalierung von Agile