Leitfäden

Vielleicht haben Sie schon einmal eine Website besucht, die anbot, sie „zum Startbildschirm hinzuzufügen“, und die sich später wie eine echte App öffnete - im Vollbildmodus, offline funktionsfähig und sogar Benachrichtigungen sendend. Das ist eine Progressive Web App, oder PWA. Sie ist eine der nützlichsten Ideen der modernen Webentwicklung, und dieser Leitfaden erklärt, was eine PWA ist, wie sie funktioniert und warum Teams sie entwickeln.

Eine progressive web app ist eine Website, die so gebaut ist, dass sie sich wie eine native mobile oder Desktop-App verhält. Sie läuft im Browser wie jede andere Website, aber mit zusätzlichen Fähigkeiten: Sie kann auf Ihrem Startbildschirm installiert werden, ohne Internetverbindung funktionieren, sofort laden und Push-Benachrichtigungen senden. Es ist eine einzige Codebasis, über das Web ausgeliefert, die sich wie eine installierte App anfühlt.

Wie eine PWA funktioniert

Zwei Technologien machen das möglich. Ein Service Worker - ein Skript, das im Hintergrund läuft - speichert Ihre Dateien im Cache und verwaltet Netzwerkanfragen, was eine PWA offlinefähig macht und schnell laden lässt. Ein web app manifest - eine kleine JSON-Datei - teilt dem Browser den Namen, das Symbol und die Farben der App mit, damit sie wie eine native App installiert und gestartet werden kann.

Da sie weiterhin eine Website ist, benötigt eine PWA keinen App-Store. Sie besuchen eine URL, und der Browser bietet an, sie zu installieren. Es gibt keine Download-Warteschlange, keine Store-Freigabe, und Aktualisierungen erfolgen automatisch beim nächsten Öffnen. Für Nutzer ist das reibungslos; für Entwickler umgeht es einen Großteil der Plattform-Hürden.

Warum Teams sie entwickeln

Der Reiz liegt in Reichweite und Kosten. Anstatt separate iOS-, Android- und Webversionen zu entwickeln, veröffentlicht ein Team eine einzige Web-App, die überall funktioniert - Telefon, Tablet und Desktop. Das ist günstiger in Entwicklung und Wartung und umgeht App-Store-Gebühren sowie Prüfungsverzögerungen. Unternehmen wie Twitter, Spotify und Pinterest haben PWAs aus genau diesen Gründen veröffentlicht.

• Auf Ihrem Startbildschirm installieren - kein App-Store nötig
• Offline oder bei schlechter Verbindung funktionieren, über einen Service Worker
• Dank Caching nahezu sofort laden
• Push-Benachrichtigungen senden, sofern die Plattform es erlaubt
• Im Vollbildmodus wie eine native App laufen, mithilfe eines web app manifest
• Sich beim nächsten Öffnen automatisch aktualisieren

Auch die Nutzer profitieren. Eine PWA installiert sich in Sekunden, benötigt wenig Speicherplatz und kommt mit einer instabilen Verbindung zurecht. Schnelleres Laden und Offline-Zugriff halten die Menschen bei der Stange, weshalb PWAs oft die Zahlen verbessern, die zählen - wiederkehrende Besuche und Verweildauer auf der Website.

Die ehrlichen Grenzen

PWAs sind leistungsstark, aber nicht grenzenlos. Auf manchen Plattformen ist der Zugriff auf tiefgreifende Gerätefunktionen - bestimmte Sensoren, Hintergrundaufgaben oder die Präsenz im App-Store - stärker eingeschränkt als bei einer echten nativen App, und historisch hinkte die Unterstützung auf iOS hinter Android her. Der Abstand hat sich stark verringert, besteht aber bei einigen Funktionen weiterhin.

Die ehrliche Regel lautet also: Prüfen Sie die aktuelle Unterstützung für die konkreten Funktionen, die Sie benötigen. Für die meisten Apps - Inhalte, Werkzeuge, Shops, Dashboards - leistet eine PWA alles Erforderliche. Wenn Sie eine umfangreiche Hardware-Integration oder einen tiefen Zugriff auf das Betriebssystem benötigen, ist eine native App möglicherweise immer noch die bessere Wahl.

Fazit

Eine progressive web app ist eine Website, die sich wie eine installierte App verhält: offlinefähig, installierbar, schnell und für Benachrichtigungen bereit, aus einer einzigen Codebasis. Sie wird nicht jede native App ersetzen, aber für eine riesige Bandbreite an Produkten bietet sie die meisten Vorteile zu einem Bruchteil der Kosten - weshalb so viele moderne Websites stillschweigend PWAs sind.