Progressive Web App

Warum Du Progressive Web Apps entwickeln solltest

Webseiten und mobile App wurden bisher separat entwickelt. Dank Progressive Web Apps (PWA) gehört dieser Umstand der Vergangenheit an. Diese Technologie kombiniert die Vorteile von responsive Websites und nativen Apps. Nutzer genießen Offline-Zugriff, beste Ladegeschwindigkeit und ein Erlebnis wie mit einer Smartphone-App.

Webentwicklung mit PWA für beste User Experience

Eine PWA-Website lässt sich einfach via HTML5, CSS3 und JavaScript entwickeln. Für den Offline-Modus sind Service Worker verantwortlich.

Das Konzept funktioniert auf jeder Plattform – egal, ob Computer, Smartphone oder Tablet. Wer gleich auf PWA setzt, kann sich auch die Entwicklung einer App sparen: PWA ist sowohl Webseite als auch mobile App. Anwendungsbeispiele sind zum Beispiel: Kleinere Quiz und Spieleapps, Formulare, Produktkataloge und ToDo Apps. Die PWA braucht man in keinem App Store einzutragen. Dies bekräftigt die Unabhängigkeit von den App Stores und deren Validierungsprozeduren.

Um eine Web-App als PWA zu bezeichnen, sollte diese folgende Features aufweisen:

  • HTTPS
    Die Anwendung sollte über ein sicheres Netzwerk aufgerufen werden. Dadurch ist die Webseite vertrauenswürdig, vor allem wenn Transaktionen ausgeführt werden müssen. Die meisten Funktionen der PWA wie zum Beispiel die Lokalisierung oder der Service Worker sind erst verfügbar wenn die Webseite über HTTPS geladen wurde.
  • Service Worker
    Das ist ein Skript das, der separat vom Browser im Hintergrund ausgeführt werden kann. Dies ermöglicht die Funktion wie zum Beispiel Push Benachrichtigungen oder das Auslösen einer Aktion in Abhängigkeit vom Standort.
  • Manifest Datei
    Eine JSON- Datei, die steuert, wie Ihre App dem Benutzer angezeigt wird, und stellt sicher, dass Progressive Web-Apps erkennbar sind Es beschreibt den Namen der App, die Start-URL, Symbole und alle anderen Details, die erforderlich sind, um die Website in ein App-ähnliches Format zu verwandeln.

Vorteile von Progressive Web Apps

Sobald ein Nutzer die jeweilige PWA-Webseite öffnet, werden Daten auf der Festplatte bzw. im Massenspeicher abgelegt. Die gesamte Webseite verbraucht nur wenig Speicher, deutlich weniger als eine herkömmliche App. Der nächste Zugriff erfolgt dann auch im Offline-Modus – die komplette Webseite ist ohne Internetzugriff verfügbar. Bei Online-Zugriff werden nur bestimmte Daten übermittelt und aktualisiert, was den Datentransfer limitiert. Toll ist auch das sich PWAs mit nur wenigen Klicks installieren lassen.

Ein weiterer Vorteil ist der relativ geringe Wartungsaufwand. Statt separat an der Webseite und einer mobilen App zu arbeiten, wird an einer Plattform gearbeitet und Aktualisierungen werden sowohl für Smartphone als auch Computer sichtbar. PWA funktioniert mit den meisten Betriebssystemen und Browsern.

Nachteile von Progressive Web Apps

PWA kommt auch mit einigen Nachteilen im Vergleich zu mobile Apps. Progressive Web Apps haben nur beschränkten Zugriff auf die Features des Endgeräts. Deshalb eignen sie sich nicht für hochkomplexe Aufgaben unter intensiver Nutzung der Gerätefunktionen. PWAs arbeiten mit verschiedenen Webbrowsern. Je mehr Webbrowser unterstützt werden sollen, desto höher die Entwicklungs- und Wartungskosten. Ein weiterer Nachteil aus Nutzersicht ist die Gegebenheit, dass die PWA nicht in den App Stores gelistet werden.

User sind es gewohnt, Apps via App Stores zu installieren und als sicher zu betrachten.

Google stellt Chrome-Apps ein

Auch Google ändert sein Vorgehen. So ist schon seit einiger Zeit bekannt, dass Google die Chrome Apps einstellen möchte. Im Dezember 2017 hatte Google bereits die Sektion aus dem Chrome-Web-Store entfernt. Der Zeitplan sieht vor das vorhandene Apps sich nur noch bis Juni 2022 aktualisieren lassen. Ab diesen Monat wird Chrome die Programmierschnittstellen NaCL, PNaCL und PPAPI nicht mehr unterstützen genau wie Chrome-Apps unter Chrome OS. Für Entwickler hat das Unternehmen eine Migrations-Seite mit allen wichtigen Informationen eingerichtet. In Zukunft wird Google wahrscheinlich auch mehr auf PWA setzen.

Bereit für die Zukunft

PWA lässt die Grenzen zwischen Web und App verschwinden – ein Produkt fungiert als responsive Website und mobile App. Das heißt, die Seiten passen sich automatisch der Bildschirmgröße an und sehen sowohl auf kleinen Smartphones als auch auf großen Monitoren hervorragend aus. Du musst dafür nicht extra eine App programmieren lassen.

Die wichtigsten Browser-Anbieter unterstützen nicht nur responsives Design, sondern auch PWA. Es ist anzunehmen, dass sich Progressive Web Apps als neuer Standard etablieren werden und App Stores an Marktmacht verlieren.

Suche

Unser Whitepaper ist da!

Whitepaper Website Trends 2024

Wir beleuchten für Dich, welche Entwicklungen Dich 2024 rund die Themen Webtechnologie, Design, UX und Sicherheit erwarten und wie Du diese gezielt für Deine Website einsetzen kannst.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Hier ist Dein Gutscheincode:

DE-LIFETIME