{"id":7112,"date":"2023-01-08T09:00:39","date_gmt":"2023-01-08T07:00:39","guid":{"rendered":"https:\/\/yeeply.com\/de\/blog\/?p=7112"},"modified":"2023-01-12T11:48:14","modified_gmt":"2023-01-12T09:48:14","slug":"progressive-web-apps","status":"publish","type":"post","link":"https:\/\/yeeply.com\/de\/blog\/app-entwicklung\/progressive-web-apps\/","title":{"rendered":"Progressive Web Apps: Was sie sind und wie sie funktionieren"},"content":{"rendered":"

In diesem Artikel werden wir Sie \u00fcber Progressive Web Apps<\/strong> (PWAs) informieren. Dazu werden wir zum einen definieren, was progressive Web Apps sind, und zum anderen untersuchen, was ihre Vor- und Nachteile sind. Abschlie\u00dfend pr\u00e4sentieren wir Ihnen ein erfolgreiches Beispiel f\u00fcr ein PWA.<\/span><\/p>\n

M\u00d6CHTEN SIE EINE APP ERSTELLEN? BESCHREIBEN SIE UNS IHR PROJEKT!<\/a><\/div>\n

Was sind progressive Web Apps?<\/b><\/h2>\n

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 \u00e4hnlich wie eine Desktop- oder mobile Anwendung funktioniert. Ziel ist es, eine \u00e4hnliche 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.<\/span><\/p>\n

Zun\u00e4chst einmal ist es notwendig, zwischen Webseiten zu unterscheiden, die \u00fcber einen mobilen Browser zug\u00e4nglich sind, und Anwendungen, die aus einem Store heruntergeladen werden. Auf der einen Seite haben wir mobile Webseiten, responsive Webseiten und Web Apps<\/a>. Auf der anderen Seite haben wir native Anwendungen und Hybridanwendungen<\/a>.<\/span><\/p>\n

Progressive Web Apps k\u00f6nnen 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\u00f6glicht, die Anwendung aus einem Browserfenster heraus zu installieren, ohne einen Store \u00f6ffnen zu m\u00fcssen.<\/span><\/p>\n

\"mann
Ein iPhone mit vielen Applikationen. Quelle: Unsplash<\/a><\/figcaption><\/figure>\n

Vor- und Nachteile von progressive Web Apps<\/b><\/h2>\n

Sie fragen sich vielleicht, warum es interessanter w\u00e4re, sich f\u00fcr eine Web App zu entscheiden, die native Anwendungen nachahmt und keine richtige native Anwendung ist. Entdecken Sie die Vor- und Nachteile von PWAs.<\/span><\/p>\n

Vorteile<\/h3>\n

Progressive Web Apps bieten viele Vorteile sowohl f\u00fcr Entwickler als auch f\u00fcr Anwender.<\/span><\/p>\n

    \n
  1. Progressive Web Apps arbeiten in der Regel recht <\/span>schnell im Vergleich zu einer Webseite<\/b>.<\/span><\/li>\n
  2. Sie funktionieren ohne Internetverbindung.\u00a0<\/b><\/li>\n
  3. Sie sind „responsive“, <\/b>sodass sie mit jedem Betriebssystem arbeiten, genauso wie mit jedem anderen Format f\u00fcr elektronische Ger\u00e4te.<\/span><\/li>\n
  4. Sie arbeiten wie eine native Anwendung<\/b>: Das Symbol erscheint auf dem Telefon als App, Push-Benachrichtigungen k\u00f6nnen gesendet werden, und sie haben Zugriff auf bestimmte Telefonfunktionen.<\/span><\/li>\n
  5. Eine PWA <\/span>wird in Suchmaschinen gefunden<\/b> und der neueste Google-Algorithmus stellt sie besonders in den Vordergrund.<\/span><\/li>\n
  6. Sie <\/span>wecken die Aufmerksamkeit des Benutzers<\/b>, indem sie das Senden von Benachrichtigungen erm\u00f6glicht.<\/span><\/li>\n
  7. Es ist nicht notwendig, sie im Store herunterzuladen.<\/b> Dies ist ein Pluspunkt f\u00fcr den Benutzer und den Eigent\u00fcmer. F\u00fcr den Benutzer ist es von Vorteil, weil er nicht \u00fcber den Store gehen muss und der Eigent\u00fcmer, der sich nicht den Regeln der App Stores unterwerfen muss.<\/span><\/li>\n
  8. Sie belegen keinen Platz im Speicher des mobilen Ger\u00e4ts<\/b>, da ein Herunterladen nicht erforderlich ist.<\/span><\/li>\n<\/ol>\n
    \"vergleichende
    Vergleich zwischen Twitter und OLA Cabs. Quelle: Flickr<\/a><\/figcaption><\/figure>\n

    Nachteile<\/h3>\n

    Obwohl eine PWA eine innovative App ist und mehrere n\u00fctzliche Funktionen wie die oben erw\u00e4hnten aufweist, hat sie auch einige Schw\u00e4chen.<\/span><\/p>\n

      \n
    1. Sie profitieren nicht vom Traffic des App Store<\/b>s: Als Vorteil aufgef\u00fchrt, ist dies ein zweischneidiges Schwert, da viele Benutzer ihre Apps ausschlie\u00dflich in App Stores suchen.<\/span><\/li>\n
    2. Sie verbrauchen viel Akkuleistung<\/b>: PWAs verbrauchen mehr Akkuleistung als native Anwendungen, da der Code auf einem hohen Niveau ist und es daher f\u00fcr mobile Ger\u00e4te schwieriger ist, ihn zu interpretieren.<\/span><\/li>\n
    3. Sie haben keinen Zugriff auf alle Funktionen des Telefons<\/b>: Dies kann als wichtiger Schwachpunkt f\u00fcr progressive Web Apps im Vergleich zu nativen Anwendungen angesehen werden.<\/span><\/li>\n
    4. Einige Funktionen sind nicht mit iOS kompatibel<\/b>: Die meisten Benutzer verwenden zwar Ger\u00e4te mit einem Android-Betriebssystem, PWAs sind jedoch nicht f\u00fcr die Kompatibilit\u00e4t mit iOS optimiert, was eine starke Schw\u00e4che darstellt.<\/span><\/li>\n<\/ol>\n

      Ein Beispiel f\u00fcr eine Progressive Web App<\/b><\/h2>\n

      Lancome ist eine bekannte franz\u00f6sische Luxusmarke, die in der Welt der Kosmetik t\u00e4tig ist und zur L’or\u00e9al-Gruppe geh\u00f6rt. Mit zunehmender Nutzung mobiler Ger\u00e4te stellten sie fest, dass sie weniger Conversions von mobilen Ger\u00e4ten als von Computern verzeichneten. Aus diesem Grund haben sie sich entschieden, in PWAs zu investieren, um die Bounce-Rate von mobilen Ger\u00e4ten zu reduzieren. Das Ergebnis war sehr positiv:<\/span><\/p>\n