Une Progressive Web App (PWA) est une application Web qui vous permet de proposer une expérience native similaire à une application aux utilisateurs sur mobile afin qu'ils puissent profiter d'une expérience rapide, fluide et attrayante sur votre site.
Les PWA se chargent instantanément, répondent rapidement aux interactions des utilisateurs et donnent l'impression d'être une application naturelle. Ils n'ont pas besoin d'une boutique d'applications pour l'installation et permettent aux utilisateurs de revenir instantanément sur le site, même lorsqu'un appareil est hors ligne
Remarque :
-
Les PWA ne peuvent être activées que sur les sites HTTPS. Pour plus d'informations, voir SSL (HTTPS).
-
PWA sont compatibles avec Chrome pour Android. Si la PWA est activée, le navigateur demande automatiquement à l'utilisateur s'il souhaite ajouter le site sur l'écran d'accueil
-
Vous pouvez également ajouter une PWA sur les appareils iOS exécutant la version 11.3. Cependant, comme le message automatique « Ajouter à l'écran » du navigateur n'est pas encore disponible, les utilisateurs devront ajouter le PWA manuellement. Pour plus d'informations sur la procédure à suivre, rendez-vous Assistance Apple.
Pour activer la fonction PWA :
-
Cliquez Application Web progressive.
-
Cliquez sur Activez Progressive Web App basculer.
-
(Facultatif) Cliquez sur Diffusez d'abord le balisage des pages depuis le cache basculer. Ce paramètre modifie notre stratégie de mise en cache des Service Workers (pour les sites d'exécution) ; au lieu de s'enregistrer d'abord sur le réseau, la page sera d'abord extraite du cache (tant qu'elle n'est pas republiée). Il est préférable d'activer le cache en premier si vous savez que le site et ses ressources ne vont pas beaucoup changer, car les informations mises en cache seront rapidement chargées et seront plus facilement accessibles aux clients hors ligne. Il est préférable d'utiliser d'abord le réseau (en désactivant cette option) lorsque les données doivent être aussi récentes que possible
-
(Facultatif) Cliquez sur Activez les navigateurs mobiles pour qu'ils vous invitent à installer le site en tant qu'application. Lorsque cette option est activée, vous pouvez configurer les paramètres suivants :
-
Nom. Il s'agit du nom affiché sur l'écran de démarrage et du message « Ajouter à l'écran d'accueil ». Il peut contenir jusqu'à 60 caractères.
-
Nom abrégé. Il s'agit du nom utilisé lorsqu'il n'y a pas assez d'espace pour afficher le nom complet, par exemple sur l'écran d'accueil du mobile. Ce nom peut comporter jusqu'à 60 caractères, mais nous vous suggérons de le raccourcir autant que possible.
-
Icône. Il s'agit de l'icône qui apparaît sur l'écran d'accueil du mobile et sur l'écran de démarrage lorsque l'application est en cours de chargement. Il doit avoir une largeur d'au moins 192 pixels et être au format .png.
-
Couleur de fond de l'écran de démarrage. Il s'agit de la couleur qui apparaît pendant le chargement du site.
-
Lorsqu'un utilisateur accède à un site activé avec la PWA depuis son appareil mobile, un bouton Ajouter à l'écran d'accueil s'affiche sous le site. Une fois ajoutée à l'écran d'accueil, l'icône s'affiche sur leur appareil pour un accès rapide au site (similaire à une application).
L'utilisateur peut désormais accéder de nouveau au site à l'aide de cette icône, même si l'appareil est hors ligne.