Allgemeines
Allgemeines
19. März 2021
Was ist eigentlich eine Progressive Web App (PWA)?
Progressive Web Apps (PWA) sind Websites, die spezielle Eigenschaften nativer Apps besitzen und die User Experience auf mobilen Endgeräten verbessern sollen. Eine progressive Web App wird, wie eine Website, durch die Eingabe einer URL in die Adressleiste des Browsers aufgerufen. Unter Zuhilfenahme des HTTPS-Protokolls und sogenannten Service Workers wird die Kommunikation zwischen Client und Server und insbesondere das Caching optimiert, sodass auch Offline-Funktionen bereitgestellt werden können. Nutzer können PWAs wie Websites verwenden, sie können sie jedoch auch zu ihrem Homescreens des mobilen Endgerätes hinzufügen. Progressive Web Apps werden deshalb häufig als eine Kombination aus App und responsiver Website betrachtet: PWAs vereinen die Vorteile beider Entwicklungsansätze, indem App-Funktionen bereitgestellt werden und die Verwendung durch die Nutzer bekannt ist.
Eine PWA stellt sich aus folgenden Komponenten zusammen:
Was man über PWAs wissen sollte
Progressive Web Apps stellen zu den typischen Webseiteneigenschaften außerdem viele Sonderfunktionen zur Verfügung, welche zuvor nur von nativen Apps bekannt waren. Diese Sonderfunktionen wären zum Beispiel Push Notifications um auf Aktionen, Rabatte oder Events aufmerksam zu machen oder aber auch die Offline-Funktionalität, welches mittels der Caching-Funktion von Service Worker erreicht wird. Auch diese Funktion erinnert stark an eine native App, welche keine Internetverbindung voraussetzt.
Mehr zu den Funktionen einer Progressiven Web App
Browser Kompatibilität bei PWAs
Da PWAs noch stark in der Weiterentwicklung ist, sind noch nicht alle Browser zu 100% kompatibel mit allen Features die eine Progressive Web App bis jetzt mit sich bringen kann. Hierbei unterscheiden sich die einzelnen Browser stark. Grob sieht die Verteilung wie folgt aus:
Chrome
95%
Firefox
75%
Edge
60%
Safari
50%
Wo es bei Browsern noch Unterschiede gibt, gibt es natürlich auch bei den Betriebssystemen Unterschiede. Die Kompatibilität der Betriebssysteme gegenüber Progressiven Web Apps sieht, nach unseren Erfahrungen, wie folgt aus:
Android
95%
iOS
50%
Des Weiteren ist die Installation einer PWA erst ab folgenden Browser Versionen möglich:
| Browser | Version |
|---|---|
| Chrome | 40.XY |
| Safari | 11.1 |
| Firefox | 44.XY |
| Edge | 17.XY |
In Abhängigkeit vom Betriebssystem ist die Installation nur wie folgt überhaupt möglich.
iOS und iPadOS
| Installation möglich über | Browser-Ansicht möglich über |
|---|---|
| Safari | Chrome, Firefox, Edge |
Android
| Installation möglich über | Browser-Ansicht möglich über |
|---|---|
| Chrome, Firefox, Edge | Safari |
Windows 10
| Installation möglich über | Browser-Ansicht möglich über |
|---|---|
| Chrome | Internet Explorer |
| Edge (chromium Version) | Firefox |
Windows 8
| Installation möglich über | Browser-Ansicht möglich über |
|---|---|
| Chrome | Internet Explorer |
| Microsoft Edge | Firefox |
| Store Apps |
Windows 7
| Installation möglich über | Browser-Ansicht möglich über |
|---|---|
| Chrome | Internet Explorer |
| Microsoft Edge | Firefox |
macOS
| Installation möglich über | Browser-Ansicht möglich über |
|---|---|
| Chrome | Safari |
| Microsoft Edge | Firefox |
Linux
| Installation möglich über | Browser-Ansicht möglich über |
|---|---|
| Chrome (64 bits) | Firefox |
Allgemein kein Support auf:
Smart TVs StoresApple Watch Browser
PlayStation
Oculus Browser
Tesla Browser
