Was sind progressive Web-Apps?

Pete LePage

Sam Richard

Das Web ist eine unglaubliche Plattform. Die Allgegenwärtigkeit des Webs auf verschiedenen Geräten und Betriebssystemen, sein nutzungsorientiertes Sicherheitsmodell und die Tatsache, dass weder die Spezifikation noch die Implementierung von einem einzigen Unternehmen kontrolliert wird, macht das Web zu einer einzigartigen Plattform für die Softwareentwicklung. Zusammen mit der inhärenten Verlinkung ist es möglich, das Gefundene zu durchsuchen und es überall und mit jedem zu teilen. Wenn du eine Website aufrufst, ist sie auf dem neuesten Stand. Du kannst sie so kurzlebig oder dauerhaft nutzen, wie du möchtest. Webanwendungen können jeden, überall und auf jedem Gerät über eine einzige Codebasis erreichen.

Plattformspezifische Anwendungen sind dafür bekannt, sehr umfangreich und zuverlässig zu sein. Sie sind immer präsent, auf Startbildschirmen, Docks und Taskleisten. Sie funktionieren unabhängig von der Netzwerkverbindung. Sie starten in einer eigenständigen Umgebung. Sie können Dateien aus dem lokalen Dateisystem lesen und schreiben, auf Hardware zugreifen, die über USB, serielle Schnittstelle oder Bluetooth verbunden ist, und sogar mit Daten interagieren, die auf Ihrem Gerät gespeichert sind, z. B. Kontakte und Kalendertermine. In diesen Apps können Sie beispielsweise Bilder aufnehmen, sich die Wiedergabe von Titeln auf dem Startbildschirm ansehen oder die Wiedergabe von Songs steuern, während Sie sich in einer anderen App befinden. Plattformspezifische Anwendungen wirken wie Teil des Geräts, auf dem sie ausgeführt werden.

Wenn Sie sich plattformspezifische Apps und Webanwendungen hinsichtlich Funktionen und Reichweite vorstellen, dann stellen plattformspezifische Apps die besten Funktionen dar, Web-Apps hingegen die höchste Reichweite. Welche Rolle spielen also progressive Web-Apps?

Progressive Web-Apps (PWAs) werden mit modernen APIs entwickelt und optimiert. Sie bieten erweiterte Funktionen, Zuverlässigkeit und Installierbarkeit und erreichen mit nur einer Codebasis jeden, überall und auf jedem Gerät.

Die drei Säulen für Apps

Progressive Web-Apps sind Webanwendungen, die so konzipiert wurden, dass sie fähig, zuverlässig und installierbar sind. Diese drei Säulen machen sie zu einer Erfahrung, die sich wie eine plattformspezifische Anwendung anfühlt.

Eignung

Das Web ist in seiner gegenwärtigen Situation recht kompetent. Sie können beispielsweise eine hyperlokale App für Videoanrufe mit WebRTC, der Standortbestimmung und Push-Benachrichtigungen erstellen. Sie können diese App mit WebGL und WebVR installierbar machen und ihre Unterhaltungen virtuell gestalten. Mit der Einführung von WebAssembly können Entwickler auch andere Umgebungen wie C, C++ und Rust nutzen und jahrzehntelange Arbeit und Funktionen ins Web stellen. Squoosh.app verwendet diese zum Beispiel für die erweiterte Bildkomprimierung.

Bis vor Kurzem konnten nur plattformspezifische Apps Anspruch auf diese Funktionen erheben. Einige Funktionen sind zwar noch nicht für das Web verfügbar, aber neue und künftige APIs möchten dies ändern und das Web mit Funktionen wie Dateisystemzugriff, Mediensteuerung, App-Logo und vollständiger Unterstützung der Zwischenablage erweitern. Alle diese Funktionen basieren auf dem sicheren, nutzerorientierten Berechtigungsmodell des Webs, sodass Nutzer keine Angst haben, eine Website zu besuchen.

Zwischen modernen APIs, WebAssembly und neuen und zukünftigen APIs sind Webanwendungen leistungsfähiger als je zuvor und diese Möglichkeiten werden immer größer.

Zuverlässig

Eine zuverlässige progressive Web-App fühlt sich unabhängig vom Netzwerk schnell und zuverlässig an.

Geschwindigkeit ist entscheidend, damit Nutzer Ihre Website nutzen können. Bei einer Zeitspanne von 1 auf 10 Sekunden steigt die Wahrscheinlichkeit, dass ein Nutzer abspringt, um 123%. Die Leistung endet auch nach dem onload-Ereignis. Nutzer sollten sich nie fragen, ob ihre Interaktion – z. B. das Klicken auf eine Schaltfläche – registriert wurde oder nicht. Scrollen und Animationen sollten reibungslos funktionieren. Die Leistung wirkt sich auf die gesamte Nutzererfahrung aus – von der Wahrnehmung der Anwendung bis zur tatsächlichen Leistung.

Außerdem müssen zuverlässige Anwendungen unabhängig von der Netzwerkverbindung nutzbar sein. Nutzer erwarten, dass Apps bei langsamen oder unzuverlässigen Netzwerkverbindungen oder sogar offline gestartet werden. Sie erwarten, dass die neuesten Inhalte, mit denen sie interagiert haben, z. B. Medientracks, Tickets und Reisepläne, verfügbar und nutzbar sind, auch wenn es schwierig ist, eine Anfrage an Ihren Server zu erhalten. Wenn eine Anfrage nicht möglich ist, erwarten sie eine Benachrichtigung, dass ein Problem vorliegt, anstatt unbemerkt zu scheitern oder abzustürzen.

Nutzer verdienen Apps, die in Sekundenschnelle auf Interaktionen reagieren und auf die sie sich verlassen können.

Installierbar

Installierte progressive Web-Apps werden in einem eigenständigen Fenster statt auf einem Browsertab ausgeführt. Sie können über den Startbildschirm, das Dock, die Taskleiste oder die Ablage des Nutzers gestartet werden. Es ist möglich, auf einem Gerät nach ihnen zu suchen und mit dem App-Schnellzugriff zwischen ihnen zu wechseln. Dadurch wirken sie wie Teil des Geräts, auf dem sie installiert sind.

Nach der Installation einer Web-App ergeben sich neue Funktionen. Tastenkombinationen, die in der Regel während der Ausführung im Browser reserviert werden, werden verfügbar. Progressive Web-Apps können sich so registrieren, dass sie Inhalte von anderen Anwendungen akzeptieren, oder sie als Standardanwendung zur Verarbeitung verschiedener Dateitypen verwenden.

Wenn eine progressive Web-App aus einem Tab in ein eigenständiges App-Fenster verschoben wird, verändert sie die Art und Weise, wie Nutzer sie denken und mit ihr interagieren.

Das Beste aus beiden Welten

Im Grunde sind progressive Web-Apps einfach nur Webanwendungen. Durch die progressive Verbesserung werden in modernen Browsern neue Funktionen aktiviert. Mithilfe von Service Workern und einem Manifest der Web-App wird Ihre Webanwendung zuverlässig und installierbar. Auch wenn die neuen Funktionen nicht verfügbar sind, können Nutzer weiterhin auf die Hauptfunktionen zugreifen.

Die Zahlen lügen nicht! Unternehmen, die progressive Web-Apps eingeführt haben, haben beeindruckende Ergebnisse erzielt. Beispielsweise konnte Twitter die Anzahl der Seiten pro Sitzung um 65 %, die Tweets um 75% steigern und die Absprungrate um 20% senken. Gleichzeitig hat sich die Größe der App um über 97 % verringert. Nach dem Wechsel zu einer PWA verzeichnete Nikkei 2,3-mal mehr organische Zugriffe, 58% mehr Abos und 49% mehr täglich aktive Nutzer. Hulu ersetzte seine plattformspezifische Desktop-Erfahrung durch eine progressive Web-App und verzeichnete 27% mehr wiederkehrende Besuche.

Progressive Web-Apps bieten Ihnen die einzigartige Möglichkeit, eine Web-Erfahrung zu bieten, die Ihre Nutzer lieben werden. Progressive Web-Apps nutzen die neuesten Webfeatures, um erweiterte Funktionen und Zuverlässigkeit zu verbessern. Dadurch können Ihre Anwendungen von allen, überall und auf jedem Gerät mit einer einzigen Codebasis installiert werden.