{"id":31945,"date":"2022-02-15T15:59:55","date_gmt":"2022-02-15T15:59:55","guid":{"rendered":"https:\/\/www.digife.it\/?p=31945"},"modified":"2022-02-15T15:59:55","modified_gmt":"2022-02-15T15:59:55","slug":"pwa-progressive-web-app-die-website-wird-zu-einer-app","status":"publish","type":"post","link":"https:\/\/www.digife.it\/de\/pwa-progressive-web-app-die-website-wird-zu-einer-app\/","title":{"rendered":"PWA Progressive Web App - Die Website wird zur App"},"content":{"rendered":"

Es war im Jahr 2016, als zum ersten Mal Internetverkehr aus <\/span>Smartphone <\/b>\u00fcbertraf den Computer. Damals stellte sich heraus, dass es sich um unerwartete Neuigkeiten handelte, denken Sie nur daran, dass im Jahr 2010 die <\/span>mobiler Verkehr<\/b> es waren ungef\u00e4hr 41 TP2T des weltweiten Verkehrs.\u00a0\u00a0<\/span><\/p>\n

Heute ist es keine Neuigkeit mehr, der Gro\u00dfteil des Internetverkehrs geht durch<\/span> mobile Ger\u00e4te<\/b>, angetrieben von Innovationen, die seine Technologie kontinuierlich aktualisieren, wie das brandneue 5G. Und die Daten zeigen weiterhin Wachstum in dieser Hinsicht.<\/span><\/p>\n

Viele Giganten des Internets haben diesen Trend bereits seit einiger Zeit verstanden und sind dazu \u00fcbergegangen, neue mobile Technologien zu implementieren, die das Benutzererlebnis verbessern (um zu verstehen, wie grundlegend die <\/span>Benutzererfahrung<\/b>, wir verweisen auf <\/span>Dieser Artikel<\/span><\/a>).\u00a0<\/span><\/p>\n

Das Ergebnis ist die <\/span>PWA<\/b>, Akronym f\u00fcr <\/span>Progressive Web-App<\/b>, die perfekte Kombination aus Website und mobiler App. Lassen Sie uns sehen, was sie sind und wie ihre Verwendung Ihrem E-Commerce-Wachstum helfen kann.\u00a0<\/span><\/p>\n

Was sind PWAs?<\/b><\/h3>\n

\"PWAEIN <\/span>PWA <\/b>kann als eine Website definiert werden, die sich wie eine mobile App verh\u00e4lt. Dank modernster Technologien sogar einer <\/span>PWA <\/b>Es wird als normale Computer-Website mit URL angezeigt, kann aber als App auf Ihrem Smartphone installiert werden.\u00a0<\/span><\/p>\n

Kurz gesagt, basierend auf dem verwendeten Ger\u00e4t, die <\/span>PWA <\/b>es zeigt sich in verschiedenen Formen. Um besser zu verstehen, wovon wir sprechen, denken Sie einfach an die <\/span>progressive Apps<\/b> Bekannter im Web, wie Instagram, Pinterest, Google Maps, Tinder, Spotify oder Twitter.\u00a0<\/span><\/p>\n

Wenn Sie eine dieser Anwendungen auf Ihrem Mobiltelefon installieren m\u00f6chten, gehen Sie genauso vor wie bei nativen Apps, und selbst nach der Installation verhalten sie sich wie eine App. Es ist jedoch m\u00f6glich, diese Dienste auch \u00fcber einen Webbrowser (von Computer, Tablet, Smartphone usw.) zu nutzen, die Funktionen und Inhalte sind jedoch dieselben.\u00a0<\/span><\/p>\n

Aber was unterscheidet einen dann <\/span>PWA <\/b>aus einer nativen Anwendung und einer Website? Und welche Vorteile kann es einer E-Commerce-Site bringen?<\/span><\/p>\n

<\/h3>\n

<\/h3>\n

<\/h3>\n

 <\/p>\n

 <\/p>\n

Unterschiede und Vorteile zwischen PWAs, nativen Apps und Websites<\/b><\/h3>\n

\u00a0Das <\/span>PWA <\/b>Sie k\u00f6nnen in jeder Hinsicht als Weiterentwicklung der derzeit verwendeten Technologien angesehen werden und finden immer mehr Zustimmung und Aufmerksamkeit. Die Vorteile sind in der Tat zahlreich, sowohl gegen\u00fcber einer Website als auch gegen\u00fcber nativen Apps. Lass sie uns sehen.<\/span><\/p>\n

Installation<\/span><\/h4>\n

\"PWADas <\/span>PWA<\/b>, wie bereits erw\u00e4hnt, k\u00f6nnen sie auf Ihrem Telefon installiert werden. Normalerweise weist beim Zugriff auf die Website ein Popup auf diese M\u00f6glichkeit hin, und es reicht aus, die Benachrichtigung zu akzeptieren, um den Installationsvorgang zu starten. Nach der Installation wird das Symbol angezeigt <\/span>PWA <\/b>auf dem Handy, \u00e4hnlich wie bei nativen Apps (nebenbei das Beispiel von PWA Digife).\u00a0<\/span><\/p>\n

Dies hat drei gro\u00dfe Vorteile. Zum einen kann der Nutzer von Zeit zu Zeit entscheiden, ob er die Inhalte \u00fcber einen Webbrowser oder \u00fcber das App-Icon aufrufen m\u00f6chte. Die betreffende Website wird somit jederzeit und \u00fcber jedes Ger\u00e4t zug\u00e4nglich.<\/span><\/p>\n

Anschlie\u00dfend die <\/span>PWA <\/b>erm\u00f6glicht die Installation auf dem Ger\u00e4t, ohne einen App Store durchlaufen zu m\u00fcssen, wodurch die Installation unmittelbarer und schneller wird. Au\u00dferdem installiert ein Nutzer, der in den App Stores st\u00f6bert, Sch\u00e4tzungen zufolge kaum Anwendungen, die er nicht bereits kennt. W\u00e4hrend er eher dazu neigt, eine App zu installieren, die ihm beim Surfen auf einer Website angeboten wird.\u00a0<\/span><\/p>\n

Da Sie schlie\u00dflich nicht durch die Stores gehen m\u00fcssen, m\u00fcssen Sie nicht f\u00fcr die teuren Abonnements bezahlen, die sie zum Ver\u00f6ffentlichen von Apps ben\u00f6tigen.\u00a0<\/span><\/p>\n

<\/h4>\n

 <\/p>\n

Offline-Browsing<\/span><\/h4>\n

Im Gegensatz zu einer normalen Website k\u00f6nnen Sie die durchsuchen <\/span>PWA <\/b>sogar offline, dank eines Cache-Systems im Ger\u00e4t. Dieser Aspekt verbessert auch die Lade- und Surfgeschwindigkeit, da die Inhalte und Einstellungen bereits im Speicher des Smartphones vorhanden sind und nicht bei jeder Anmeldung heruntergeladen werden m\u00fcssen.\u00a0<\/span><\/p>\n

Mitteilungen<\/span><\/h4>\n

EIN <\/span>Progressive Web-App<\/b> erm\u00f6glicht die Verwendung von Mitteilungen<\/a>. So kann ein E-Commerce seinen Kunden aktuelle News, Angebote und Newsletter direkt aufs Handy schicken. Die Vorteile in Bezug auf das Publikumsengagement und die Conversions (Verk\u00e4ufe) sind erheblich.\u00a0<\/span><\/p>\n

\"PWA<\/span><\/h4>\n

Reaktionsschnell<\/span><\/h4>\n

Das <\/span>PWA <\/b>Ich bin total <\/span>reaktionsschnell<\/b>, das hei\u00dft, sie k\u00f6nnen sich an Bildschirme unterschiedlicher Gr\u00f6\u00dfe anpassen. Auf diese Weise k\u00f6nnen Benutzer ohne Schaden von einem Ger\u00e4t zum anderen wechseln\u00a0<\/span>dort\u00a0Benutzererfahrung<\/strong>, so wichtig f\u00fcr das moderne Publikum.\u00a0<\/span><\/p>\n

Die Benutzeroberfl\u00e4che verh\u00e4lt sich wie eine native App und erm\u00f6glicht beim Surfen im Internet die Anzeige im Vollbildmodus ohne die Suchleiste, die normalerweise einen Teil des Browserbildschirms einnimmt.\u00a0<\/span><\/p>\n

 <\/p>\n

Indizierung<\/span><\/h4>\n

W\u00e4hrend es in Form einer App erscheint, ist die <\/span>PWA <\/b>es ist in jeder Hinsicht eine Website und als solche vollst\u00e4ndig indexierbar. Dies bedeutet, dass es in den Google-Suchanfragen der Benutzer erscheinen kann, sich auf den ersten Seiten positionieren und folglich den organischen Traffic auf der Website erh\u00f6hen kann.\u00a0<\/span><\/p>\n

Es ist auch m\u00f6glich, das Verhalten von Benutzern zu verfolgen, die mit Google Analytics darin surfen.<\/span><\/p>\n

Sicherheit<\/span><\/h4>\n

All die <\/span>PWA <\/b>Verwenden Sie das Protokoll <\/span>HTTPS<\/b>, eine verschl\u00fcsselte und damit sichere Daten\u00fcbertragung. Dies sch\u00fctzt sensible Informationen, Passw\u00f6rter, Inhalte und Daten vor potenziellem Eindringen.\u00a0<\/span><\/p>\n

Platz und Updates<\/span><\/h4>\n

Das <\/span>PWA <\/b>sie beanspruchen sehr wenig Platz, da sie nicht auf dem Benutzerger\u00e4t, sondern remote, d. h. auf einem externen Server, ausgef\u00fchrt werden. Dazu geh\u00f6ren auch regelm\u00e4\u00dfige Updates, die nicht nur keinen Platz im Speicher des Mobiltelefons belegen, sondern auch automatisch erfolgen, ohne dass Sie in den Laden gehen m\u00fcssen.\u00a0<\/span><\/p>\n

Nachteile von PWAs<\/b><\/h3>\n

Als relativ neue Technologie steht sie vor einer Reihe von Herausforderungen, die es zu bew\u00e4ltigen gilt. Sehen wir uns die wichtigsten Probleme an.<\/span><\/p>\n

In Bezug auf die Kompatibilit\u00e4t sind einige Funktionen des <\/span>PWA <\/b>wird m\u00f6glicherweise von \u00e4lteren Versionen einiger Browser nicht unterst\u00fctzt. In diesem Sinne werden jedoch alle Browser und Betriebssysteme st\u00e4ndig aktualisiert, und Sie m\u00fcssen nur sicherstellen, dass Sie \u00fcber die neueste Version verf\u00fcgen.<\/span><\/p>\n

Die Abwesenheit von <\/span>PWA <\/b>aus App-Stores, was bisher als Vorteil dargestellt wurde, hat gerade bei gro\u00dfen national oder international bekannten Marken auch einen negativen Aspekt in puncto Sichtbarkeit. Tats\u00e4chlich erwarten Benutzer, diese Unternehmen im Gesch\u00e4ft zu finden. Zum Gl\u00fcck hat Google dies k\u00fcrzlich zugelassen <\/span>PWA <\/b>im Google Play Store, w\u00e4hrend dies im Apple App Store noch nicht m\u00f6glich ist.<\/span><\/p>\n

Ein letzter negativer Aspekt betrifft schlie\u00dflich die Kommunikation zwischen Apps. W\u00e4hrend native Apps miteinander kommunizieren k\u00f6nnen (z. B. k\u00f6nnen wir den Zugriff auf eine App \u00fcber Facebook-Anmeldeinformationen authentifizieren), <\/span>PWA <\/b>sie erlauben es nicht.<\/span><\/p>\n

Schlussfolgerungen<\/b><\/h3>\n

Wie bereits erw\u00e4hnt, haben sich viele gro\u00dfe Unternehmen f\u00fcr diese Technologie entschieden und sammeln dabei eine Vielzahl von Daten \u00fcber ihre Wirksamkeit. Aus den durchgef\u00fchrten Analysen ergaben sich eine Reihe sehr vielversprechender Daten, sowohl aus Sicht der Benutzererfahrung als auch der wirtschaftlichen Rendite:\u00a0<\/span><\/p>\n