Une application Web progressive (PWA) est une application Web qui vous permet d'offrir une expérience de type application native aux utilisateurs sur mobile afin qu'ils bénéficient d'une expérience rapide, fluide et attrayante avec votre site.
Les PWA se chargent instantanément, réagissent rapidement aux interactions des utilisateurs et s'intègrent parfaitement à une application. Elles ne nécessitent pas de boutique d'applications pour leur installation et permettent aux utilisateurs de revenir instantanément sur le site, même hors ligne.
Note :
- Les PWA ne peuvent être activées que sur les sites HTTPS. Pour plus d'informations, consultez la section Ajouter SSL ou HTTPS .
- Les PWA sont compatibles avec Chrome pour Android. Si elles sont activées, le navigateur demande automatiquement à l'utilisateur s'il souhaite ajouter le site à l'écran d'accueil.
- Vous pouvez également ajouter une PWA sur les appareils iOS exécutant la version 11.3. Cependant, le message automatique « Ajouter à l'écran » du navigateur n'étant pas encore disponible, les utilisateurs devront ajouter la PWA manuellement. Pour plus d'informations, consultez l'assistance Apple .
Pour activer la fonctionnalité PWA :
- Dans le panneau de gauche, cliquez sur Paramètres, puis sur Progressive Web App (PWA).
- Cliquez sur le bouton « Activer l'application web progressive ». Une fois l'application web progressive activée pour un site, vous pouvez configurer les paramètres suivants :
- Nom. Il s'agit du nom affiché sur l'écran d'accueil et dans le message « Ajouter à l'écran d'accueil ». Il peut contenir jusqu'à 60 caractères.
- Nom court. 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 mobile. Ce nom peut comporter jusqu'à 60 caractères, mais nous vous recommandons de le raccourcir au maximum.
- Icône. Il s'agit de l'icône qui apparaît sur l'écran d'accueil et l'écran de démarrage de l'application mobile lors du chargement. Elle doit mesurer au moins 192 pixels de large et être au format .png.
- Couleur d'arrière-plan de l'écran d'accueil. Il s'agit de la couleur qui apparaît pendant le chargement du site.
Lorsqu'un utilisateur accède à un site compatible PWA depuis son appareil mobile, un bouton « Ajouter à l'écran d'accueil » s'affiche sous le site. Une fois ajouté à l'écran d'accueil, l'icône s'affiche sur son appareil pour un accès rapide au site (comme une application).
L'utilisateur peut désormais accéder à nouveau au site à l'aide de cette icône, même si l'appareil est hors ligne.
