Eine Progressive Web App (PWA) ist eine Webanwendung, mit der Sie Nutzern auf Mobilgeräten ein natives App-ähnliches Erlebnis bieten können, sodass sie eine schnelle, reibungslose und ansprechende Erfahrung mit Ihrer Website haben.
PWAs werden sofort geladen, reagieren schnell auf Benutzerinteraktionen und fühlen sich wie eine natürliche App an. Sie benötigen keinen App Store für die Installation und ermöglichen es Benutzern, die Website sofort erneut aufzurufen, auch wenn ein Gerät offline ist
Hinweis:
-
PWAs können nur auf HTTPS-Sites aktiviert werden. Weitere Informationen finden Sie unter SSLs (HTTPS).
-
PWAs werden in Chrome für Android unterstützt. Wenn PWA aktiviert ist, fragt der Browser den Benutzer automatisch, ob er die Site auf dem Startbildschirm hinzufügen möchte
-
Sie können PWA auch auf IOS-Geräten hinzufügen, auf denen Version 11.3 ausgeführt wird. Da die automatische Meldung „Zum Bildschirm hinzufügen“ des Browsers jedoch noch nicht verfügbar ist, müssen Benutzer die PWA manuell hinzufügen. Weitere Informationen dazu finden Sie unter Apple-Unterstützung.
So aktivieren Sie die PWA-Funktion:
-
Klicken Sie Progressive Web-App.
-
Klicken Sie auf Aktivieren Sie die Progressive Web App umschalten.
-
(Fakultativ) Klicken Sie auf Zuerst das Seiten-Markup aus dem Cache bereitstellen umschalten. Diese Einstellung ändert unsere Service Worker-Caching-Strategie (für Runtime-Sites). Anstatt zuerst das Netzwerk einzuchecken, wird die Seite zuerst aus dem Cache abgerufen (solange sie nicht erneut veröffentlicht wird). Zuerst zwischenspeichern (einschalten) ist am besten, wenn Sie wissen, dass sich die Website und ihre Inhalte kaum ändern werden, da die zwischengespeicherten Informationen dadurch schnell geladen werden und Kunden leichter offline zur Verfügung stehen. Wenn die Daten so aktuell wie möglich sein müssen, ist es am besten, zuerst das Netzwerk zu verwenden (diese Option auszuschalten).
-
(Fakultativ) Klicken Sie auf Aktivieren Sie mobile Browser, um Sie zur Installation der Website als App aufzufordern. Wenn dies aktiviert ist, können Sie die folgenden Einstellungen konfigurieren
-
Name. Dies ist der Name, der auf dem Startbildschirm und der Meldung „Zum Startbildschirm hinzufügen“ angezeigt wird. Er kann bis zu 60 Zeichen lang sein.
-
Kurzer Name. Dies ist der Name, der verwendet wird, wenn nicht genügend Platz für die Anzeige des vollständigen Namens vorhanden ist, z. B. auf dem Startbildschirm des Mobiltelefons. Dieser Name kann bis zu 60 Zeichen lang sein, wir empfehlen jedoch, ihn so kurz wie möglich zu halten.
-
Ikone. Dies ist das Symbol, das auf dem Startbildschirm des Mobiltelefons und auf dem Begrüßungsbildschirm angezeigt wird, wenn die App geladen wird. Es muss mindestens 192 Pixel breit sein und im PNG-Format sein.
-
Hintergrundfarbe des Startbildschirms. Dies ist die Farbe, die angezeigt wird, während die Site geladen wird.
-
Wenn ein Benutzer von seinem Mobilgerät aus auf eine mit PWA aktivierte Site zugreift, wird ihm unter der Site die Schaltfläche Zur Startseite hinzufügen angezeigt. Sobald es zum Startbildschirm hinzugefügt wurde, wird das Symbol auf seinem Gerät angezeigt, sodass Sie schnell auf die Website zugreifen können (ähnlich einer App
Der Benutzer kann die Site jetzt mit diesem Symbol erneut aufrufen, auch wenn das Gerät offline ist.