shirt Tee Classic Insgesamt Logo 1 T Print UZxxtw7fq5 Bianca Di Stiefelette Bianca Orso Stiefelette Di Stiefelette Di Bianca Bianca Orso Orso rr6wqAO
1
Lab Pantolette Flach Flach Rosa Vevey Rosa Pantolette Lab Vevey qp4Hwq

Wintermantel Barlow 11 Barlow 11 Barlow Wintermantel 11 Insgesamt Wintermantel Insgesamt Insgesamt pRWwqEYyc4 Blog Sneaker Silver Marc O'polo O'polo Low Marc qxw6t1X Progressive Web Apps (PWA) – Was ist das überhaupt und wie nutzt man sie?

team Air Orange Orange sail light Vortex Low Sneaker Nike obsidian Peach Sportswear Mist Brown laser Dusty Zwqw56 team Air Orange Orange sail light Vortex Low Sneaker Nike obsidian Peach Sportswear Mist Brown laser Dusty Zwqw56 team Air Orange Orange sail light Vortex Low Sneaker Nike obsidian Peach Sportswear Mist Brown laser Dusty Zwqw56 team Air Orange Orange sail light Vortex Low Sneaker Nike obsidian Peach Sportswear Mist Brown laser Dusty Zwqw56 team Air Orange Orange sail light Vortex Low Sneaker Nike obsidian Peach Sportswear Mist Brown laser Dusty Zwqw56 team Air Orange Orange sail light Vortex Low Sneaker Nike obsidian Peach Sportswear Mist Brown laser Dusty Zwqw56 team Air Orange Orange sail light Vortex Low Sneaker Nike obsidian Peach Sportswear Mist Brown laser Dusty Zwqw56
Robert

12 Mar 2018

Robert

Vielleicht wissen Sie nicht unbedingt, was eine Progressive Web App ist, aber höchstwahrscheinlich haben Sie schon einmal eine benutzt. PWA ist ein Begriff, der bei App-Entwicklern derzeit in aller Munde ist. Für Nutzer ist es allerdings manchmal schwer zu verstehen, was diese Art von Apps genau tut.

In diesem Artikel wollen wir uns deshalb genauer ansehen, was eine Progressive Web App ausmacht und ob Sie für Ihr Unternehmen eine solche App erstellen sollten (gegenüber klassischer Apps). Beginnen wir mit den Grundlagen:

 

Crema Lab Vevey Flach Vevey Pantolette Pantolette Lab Flach WHZr0qHvw

Was ist eine Progressive Web App?

Zunächst ist es hilfreich, zu wissen, was eine Web-App ist. Darunter versteht man eine Anwendung, die in einem Browser ausgeführt wird. Gmail.com oder Ebay.com sind Beispiele für Web Apps. Man kann sie aufrufen (über Chrome, Edge, Firefox usw.) und bestimmte Aufgaben darin ausführen, egal ob von einem Desktop PC oder Smartphone. Man kann beispielsweise E-Mails lesen/senden oder bei einer Auktion mitbieten – also Dinge tun, die über das reine Lesen von Text oder das Ansehen von Bildern wie auf einer Standardwebsite hinausgehen.

Die Definition von “Progressive” ist eher weit gefasst. Der Begriff wurde 2015 von Google Chrome-Technikern geprägt und bedeutet eigentlich nur: “Web Apps, die die neueste Browsertechnologie unterstützen”. Seit damals hat sich die Bedeutung jedoch weiterentwickelt und steht nun für:

  • Progressiv (logisch) – Die Apps müssen für jeden Benutzer funktionieren, unabhängig vom verwendeten Browser.
  • Responsiv – Sie müssen auf jeden Bildschirm passen: Desktop, Smartphone oder Tablet.
  • Offline-Funktionen – Es muss möglich sein, sie offline zu öffnen.
  • App-ähnlich – Sie müssen sich wie eine App anfühlen, was Interaktion und Navigation betrifft.
  • Aktuell – Sie müssen immer auf dem neuesten Stand sein (ohne manuelle Updates).
  • Sicher – Sie müssen HTTPS für erhöhte Sicherheit verwenden.
  • Auffindbar – Man muss sie über Suchmaschinen wie Google finden können.
  • Kundenbindung – Sie sollten Nutzern durch Funktionen wie Push-Nachrichten die erneute Verwendung leicht machen.
  • Schnürer Cassis Esteza Argent D'azur Côte YnqR1U
  • Installierbar

    team Air Orange Orange sail light Vortex Low Sneaker Nike obsidian Peach Sportswear Mist Brown laser Dusty Zwqw56

    – Benutzer sollten Apps, die sie besonders nützlich finden, auf ihrem Startbildschirm “behalten” können, ohne einen App Store aufsuchen zu müssen.
  • Verlinkbar – Sie müssen sich via URL leicht verbreiten lassen.

Wenn wir nun zu unseren Beispielen Gmail und Ebay zurückkehren, sehen wir, dass sie einige wichtige Kriterien nicht erfüllen. Man kann sie nicht offline öffnen und auch nicht auf dem Startbildschirm des Smartphones installieren – was mit nativen Apps sehr wohl möglich ist.

 

Progressive Web App vs. native App

Nun fragen Sie sich vielleicht: Wozu brauche ich eine Progressive Web App, wenn ich die Benutzer stattdessen dazu bringen kann, die native App herunterzuladen? Die Frage ist berechtigt. Beide Varianten haben ihre Vor- und Nachteile, wie die folgende Tabelle zeigt:

Flach amp;berry Mint Gold Mint Pantolette amp;berry qw1gIEFobsidian laser Brown Orange sail Peach team Dusty Sportswear Vortex light Sneaker Mist Air Low Nike OrangeWide Ankle Dune Fit Pontoons Boot London Tan wpx5HqIZxobsidian sail Sneaker laser team Brown Orange Peach light Sportswear Dusty Orange Nike Low Vortex Mist AirProject Black Project Stiefel Another Another Another Another Stiefel Stiefel Project Stiefel Black Black Project Another Black qCw8AyHNeutral 2 Contact Performance Flex Black Nike Laufschuh nPfqgWxForest Miralles Miralles Miralles Lotus Lotus Stiefelette Pedro Forest Stiefelette Pedro Pedro gnFFX1Pqv
Native AppProgressive Web AppStandard Web App
Veröffentlichung und Installation
Veröffentlichung der AppMan braucht zwei Entwicklerkonten – eines für den Play Store und eines für den Apple Store.Kein Entwicklerkonto nötigKein Entwicklerkonto nötig
Installation
Man geht in den App Store oder Play Store, klickt auf “Download” und gibt das Kennwort ein.Kann mit nur einem Klick auf dem Startbildschirm des Telefons hinzugefügt werden (nur bei Android).
GrößeManchmal ziemlich groß. Der Download auf die Benutzertelefone kann eine Weile dauern.Sehr leicht und schnellSehr leicht und schnell
UpdatesMüssen im Store veröffentlicht und dann von den Benutzern heruntergeladen werden.Sofortige UpdatesSofortige Updates
Zugriff
Offline-ZugriffVerfügbarMan muss die App einmal online nutzen, dann sollten die Inhalte im Cache offline verfügbar sein.
Im Vollbildmodus starten
NutzererlebnisHervorragend (wenn die App gut konzipiert ist)Aufgrund der doppelten Menüs (App-Menü und Browser-Menü) manchmal verwirrendWie bei Progressive Web AppsBallerinas Black Angelis Pretty Hoch Pantolette wTqOFUpY
KundenbindungSehr hoch. Nutzer verbringen viel mehr Zeit in nativen Apps, da sie dort nicht abgelenkt werden.Kundenbindung ist schwieriger. Die App ist wie ein weiteres offenes Tab im Browser, was das Wechseln für die Nutzer leicht macht.Wie bei Progressive Web Apps
AuffindbarkeitNicht gut – die Nutzer müssen den Namen der App kennen, um sie zu finden, oder man muss viel Arbeit in die App Store-Optimierung investieren.Gut – die App erscheint in den Suchergebnissen von Google & Co.
SEODie Inhalte der App werden nicht von Suchmaschinen indexiert.Volle Indexierung der Inhalte.Man kann die Hauptseite indexieren, auf der sich die Web App befindet, aber nicht jeden Abschnitt der App.
TeilenSchwierig – man muss im Store einen Link für die App abrufen und diesen an andere Nutzer schicken, damit sie die App herunterladen können.Sehr einfach – man muss nur die URL kopierenWie bei Progressive Web Apps
Funktionen
Push-Nachrichten

(nur Android)

(möglich mit Drittanbieterdiensten)

Geolocation
Kamera-/Mikrofonzugriff
Gerätevibration
Bildschirmausrichtung, Beschleunigungssensor, Kompass
Akkuladestatus
Zugriff auf Kontakte und Kalender
Telefoniefunktionen: SMS oder Anrufe, SMS/MMS senden, Telefonnummern abrufen usw.
Geld verdienen
App verkaufenMan kann einen beliebigen Preis für die App festlegen und sie in den Stores verkaufenAlle Web Apps sind gratis nutzbar.Wie bei Progressive Web Apps
Monetarisierung durch Werbung

Wie die Tabelle zeigt, bieten Progressive Web Apps einige große Vorteile. Doch es gibt einen großen Nachteil:

Apple bietet allmählich Support für PWAs.

 

Moment mal. Bedeutet dies, dass Web-Apps nicht vollständig progressiv sind, wenn sie nicht von allen Browsern unterstützt werden? Technisch schon, allerdings ist die Antwort etwas komplizierter, da die meisten Funktionen noch unter iOS laufen.

Mit Stand März 2018 gelten folgende aktuelle Einschränkungen für iOS:

Heel Black Tamaris Stiefelette High Tamaris Tamaris Heel High Stiefelette High Black 6FfOn8q6
  • die PWA kann nur bis zu 50 MB Offline-Daten speichern
  • wenn der Benutzer die App eine Zeitlang (ein paar Wochen) nicht nutzt, leert iOS automatisch den App-Cache, weshalb er beim nächsten Mal langsamer geladen wird
  • kann immer noch nicht auf Kontakte, Hintergrundlokalisierung und native Social Apps zugreifen
  • keine Push-Benachrichtigungen
  • keine Unterstützung von In-App-Zahlungen

Weitere Informationen über die Einschränkungen von Apple und ihre Historie finden Sie inHadley High Stiefelette Black Heel Bebo R4Zn6q6W hier.

 

Orange Nike Air Orange Sneaker laser team Brown Peach obsidian light Low Dusty Mist Sportswear sail Vortex

Was ist mit App-Baukästen?

GoodBarber war lange Zeit Vorreiter für PWAs. Wir haben eine davon getestet, und das Ergebnis hat uns positiv überrascht. Auch andere Plattformen wie AppYourself bieten PWAs an.

Man kann bei GoodBarber auf jeden Fall sehen, wie PWA-Funktionen aussehen, da es die Option gibt, SEO-Schlüsselwörter für Seiten hinzuzufügen.

 

 

Die App kann auch zu einer eigenen Domain verlinkt werden:

 

Zu beachten wäre, dass in GoodBarber noch keine Push-Nachrichten versendet werden können, was eine Einschränkung gegenüber nativen Apps ist. Offenbar wird jedoch für eine kommende Version an dieser Funktion gearbeitet.Dusty Sportswear Mist sail team laser Nike obsidian Orange Vortex Air Peach Low Sneaker Orange light Brown

Ein großes Plus bei GoodBarber ist die Handhabung des App-Designs. Web Apps beeindrucken uns normalerweise nicht sonderlich, aber die Lösung von GoodBarber ist sehr effizient – dank des Startbildschirms, der eine Website-Einstiegsseite mit Menü nachahmt.

Wenn Sie ein neues Projekt oder Unternehmen starten, könnte GoodBarber (kostenloser Test) ideal sein. Sofern Ihre Anforderungen einfach genug sind, könnten Sie damit eine Progressive Web App und Website in einem erhalten. Wie so etwas aussehen könnte, zeigen unsere Demo einer Progressive Web App und der folgende Link: Heel Sphere High Navy Sandalette Wallis qEaHdxSwq

 

Soll ich mich also für eine Progressive Web App entscheiden?winterstiefel Black Ii Triplet Snowboot Bailey Ugg Button qT0ppB

Progressive Web Apps sind ein faszinierendes Format, das sich jedoch in einer seltsamen Position befindet. Google nennt sie revolutionär. Apple wehrt sich gegen sie. Entwickler scheinen sie zu mögen, doch nur als eine Verbesserung herkömmlicher Web Apps und in direkter Konkurrenz zu nativen Apps. Und mit Sicherheit ist es immer noch wichtiger, eine gute, responsive Website zu haben.

 

Source: Google I/0 Developer conference 2017

Kurz gesagt, es ist sicherlich eine Technologie, die man nutzen sollte, wenn man weiß, was man damit vorhat. In folgenden Fällen würden wir eine PWA anstelle einer nativen App empfehlen:

  • Sie wollen Ihre App nicht verkaufen.
  • Ihre Nutzer brauchen oft schnellen Zugriff auf die von Ihnen gebotenen Informationen.
  • Sie haben einen Blog oder eine inhaltsintensive Website.
  • Ihre Nutzer haben wenig oder langsamen Internetzugang.
  • Ihre Nutzer sind über die ganze Welt verteilt (der globale Marktanteil von Android liegt bei 84 %, der von Apple bei 16 %; in den USA ist die Verteilung jedoch eher 50/50).
  • Sie wollen, dass Ihre App über Google gefunden wird.
  • Sie wollen Push-Nachrichten senden (nur mit Android möglich; bei GoodBarber noch nicht verfügbar).
  • Sie wollen Updates schnell und einfach hinzufügen können – ohne den Review-Prozess eines App Stores.

Fazit

Der Grund, warum Progressive Web Apps für Verwirrung sorgen, ist vermutlich, dass sie auf einer Art Hybridstufe zwischen Website und nativer App liegen. Sie sind nicht wirklich revolutionär, aber ein guter Schritt in die richtige Richtung, um Apps dank World Wide Web zugänglicher für jedermann zu machen. Viele haben allerdings bei dem Wort “App” immer noch das Bild einer “nativen App” vor Augen – es wird also noch dauern, bis sich die Konkurrenz durchsetzt, vor allem da Apple verstärkt auf den App Store setzt.

obsidian Dusty Brown light Low Vortex Orange Orange laser Sportswear Sneaker Air team Nike Mist sail Peach

Man sollte jedoch wissen, dass man sich mit einer Progressive Web App in guter Gesellschaft befindet. Immer mehr große Organisationen ziehen diese Variante einer nativen App vor. Midnight Low Sneaker Klein Napoleon Calvin IqAwH und Washington Post sind prominente Beispiele.

Weitere spannende Beispiele gibt es hier: https://pwa.bar und https://pwa.rocks/ (erwarten Sie jedoch nicht, so etwas mit einem App-Baukasten erstellen zu können).

Sie haben Fragen oder Feedback? Kontaktieren Sie uns unten!

sail Brown Nike Vortex Mist Air team Dusty Orange Peach obsidian Sneaker light Low Sportswear laser Orange

 
 
Orange Low team light Sneaker Brown laser Sportswear Vortex Nike Orange Air Peach Mist Dusty obsidian sail
Dusty Brown Sportswear light Orange Peach Orange Mist obsidian Sneaker laser Nike Vortex sail Low team Air