Home ┬╗ App ┬╗ Progressive Web Apps: Was sie sind und wie sie funktionieren
Progressive Web Apps: Was sie sind und wie sie funktionieren

Progressive Web Apps: Was sie sind und wie sie funktionieren

In diesem Artikel werden wir Sie ├╝ber Progressive Web Apps (PWAs) informieren. Dazu werden wir zum einen definieren, was progressive Web Apps sind, und zum anderen untersuchen, was ihre Vor- und Nachteile sind. Abschlie├čend pr├Ąsentieren wir Ihnen ein erfolgreiches Beispiel f├╝r ein PWA.

Was sind progressive Web Apps?

Wenn wir von progressiven Web Apps sprechen, meinen wir nicht eine neue Struktur oder Technologie. Es handelt sich um eine Reihe praktischer Verbesserungen, damit eine Webanwendung ├Ąhnlich wie eine Desktop- oder mobile Anwendung funktioniert. Ziel ist es, eine ├Ąhnliche oder gleichwertige Erfahrung wie eine native mobile Anwendung zu erreichen, so dass der Benutzer den Unterschied zwischen einer nativen Anwendung und einer PWA nicht mehr wahrnimmt.

Zun├Ąchst einmal ist es notwendig, zwischen Webseiten zu unterscheiden, die ├╝ber einen mobilen Browser zug├Ąnglich sind, und Anwendungen, die aus einem Store heruntergeladen werden. Auf der einen Seite haben wir mobile Webseiten, responsive Webseiten und Web Apps. Auf der anderen Seite haben wir native Anwendungen und Hybridanwendungen.

Progressive Web Apps k├Ânnen als eine Art Mischung aus Web-Apps und nativen Anwendungen definiert werden. Es ist jedoch wichtig zu betonen, dass der grundlegende Unterschied darin besteht, dass die PWA es Ihnen erm├Âglicht, die Anwendung aus einem Browserfenster heraus zu installieren, ohne einen Store ├Âffnen zu m├╝ssen.

mann haelt iphone mit vielen apps in der hand
Ein iPhone mit vielen Applikationen. Quelle: Unsplash

Vor- und Nachteile von progressive Web Apps

Sie fragen sich vielleicht, warum es interessanter w├Ąre, sich f├╝r eine Web App zu entscheiden, die native Anwendungen nachahmt und keine richtige native Anwendung ist. Entdecken Sie die Vor- und Nachteile von PWAs.

Vorteile

Progressive Web Apps bieten viele Vorteile sowohl f├╝r Entwickler als auch f├╝r Anwender.

  1. Progressive Web Apps arbeiten in der Regel recht schnell im Vergleich zu einer Webseite.
  2. Sie funktionieren ohne Internetverbindung. 
  3. Sie sind „responsive“, sodass sie mit jedem Betriebssystem arbeiten, genauso wie mit jedem anderen Format f├╝r elektronische Ger├Ąte.
  4. Sie arbeiten wie eine native Anwendung: Das Symbol erscheint auf dem Telefon als App, Push-Benachrichtigungen k├Ânnen gesendet werden, und sie haben Zugriff auf bestimmte Telefonfunktionen.
  5. Eine PWA wird in Suchmaschinen gefunden und der neueste Google-Algorithmus stellt sie besonders in den Vordergrund.
  6. Sie wecken die Aufmerksamkeit des Benutzers, indem sie das Senden von Benachrichtigungen erm├Âglicht.
  7. Es ist nicht notwendig, sie im Store herunterzuladen. Dies ist ein Pluspunkt f├╝r den Benutzer und den Eigent├╝mer. F├╝r den Benutzer ist es von Vorteil, weil er nicht ├╝ber den Store gehen muss und der Eigent├╝mer, der sich nicht den Regeln der App Stores unterwerfen muss.
  8. Sie belegen keinen Platz im Speicher des mobilen Ger├Ąts, da ein Herunterladen nicht erforderlich ist.
vergleichende statistik zwischen twitter und ola
Vergleich zwischen Twitter und OLA Cabs. Quelle: Flickr

Nachteile

Obwohl eine PWA eine innovative App ist und mehrere n├╝tzliche Funktionen wie die oben erw├Ąhnten aufweist, hat sie auch einige Schw├Ąchen.

  1. Sie profitieren nicht vom Traffic des App Stores: Als Vorteil aufgef├╝hrt, ist dies ein zweischneidiges Schwert, da viele Benutzer ihre Apps ausschlie├člich in App Stores suchen.
  2. Sie verbrauchen viel Akkuleistung: PWAs verbrauchen mehr Akkuleistung als native Anwendungen, da der Code auf einem hohen Niveau ist und es daher f├╝r mobile Ger├Ąte schwieriger ist, ihn zu interpretieren.
  3. Sie haben keinen Zugriff auf alle Funktionen des Telefons: Dies kann als wichtiger Schwachpunkt f├╝r progressive Web Apps im Vergleich zu nativen Anwendungen angesehen werden.
  4. Einige Funktionen sind nicht mit iOS kompatibel: Die meisten Benutzer verwenden zwar Ger├Ąte mit einem Android-Betriebssystem, PWAs sind jedoch nicht f├╝r die Kompatibilit├Ąt mit iOS optimiert, was eine starke Schw├Ąche darstellt.

Ein Beispiel f├╝r eine Progressive Web App

Lancome ist eine bekannte franz├Âsische Luxusmarke, die in der Welt der Kosmetik t├Ątig ist und zur L’or├ęal-Gruppe geh├Ârt. Mit zunehmender Nutzung mobiler Ger├Ąte stellten sie fest, dass sie weniger Conversions von mobilen Ger├Ąten als von Computern verzeichneten. Aus diesem Grund haben sie sich entschieden, in PWAs zu investieren, um die Bounce-Rate von mobilen Ger├Ąten zu reduzieren. Das Ergebnis war sehr positiv:

  • Steigerung der Conversions um 17%
  • 8% Steigerung der Warenkorb-Conversions, die durch Push-Benachrichtigungen erreicht wurden.
  • 15% R├╝ckgang der Rebound-Rate
  • 51% Steigerung der Sessions ├╝ber mobile Ger├Ąte
  • 84% Zeitersparnis bis zur Interaktivit├Ąt der Seite
fuenf iPhones mit web app von lancome
Beispiel Progressive Web App: Lancome. Quelle: Flickr

Sie sind an der Entwicklung einer progressiven Web App interessiert? 

Die Auswirkungen progressiver Web Apps wurden in Bezug auf Leistung und Conversions verdeutlicht. Dar├╝ber hinaus ist es eine praktische und wirtschaftliche Alternative, da es nicht notwendig ist, f├╝r jedes Betriebssystem einen Entwickler zu beauftragen.

Proyecto App

Verfasst von

Yeeply
Yeeply

Yeeply ist eine Premium-Plattform, die sich auf die Entwicklung von Mobile Games und individuellen Websites spezialisiert hat. Seit 2012 vertrauen uns unsere Kunden die Entwicklung ihrer Projekte an, und wir arbeiten mit den besten zertifizierten Profis auf technischer Ebene: Entwickler von Mobile Games oder Web-Freelancer, gro├če Softwareunternehmen und f├╝hrende Agenturen. Erstellen einer App oder einer Website war noch nie so schnell, zuverl├Ąssig und sicher wie mit Yeeply! Ver├Âffentlichen Sie Ihr Softwareprojekt auf Yeeply und lassen Sie sich von unserem Team durch den Prozess begleiten.