Une Progressive Web App (PWA) est une application Web qui vous permet d'offrir aux utilisateurs qui visitent votre site Web sur leur mobile une expérience semblable à celle d'une application native, à la fois rapide, fluide et interactive.
Les PWA garantissent un chargement instantané, une réponse rapide aux interactions des utilisateurs et une expérience similaire à celle offerte par une application native. Elles ne nécessitent pas d'installation et permettent aux utilisateurs de retourner rapidement sur le site, même si leur appareil est en mode hors ligne.
- Les PWA peuvent uniquement être activées sur des sites HTTPS. Pour en savoir plus, consultez l'article Ajouter un certificat SSL ou HTTPS.
- Les PWA sont prises en charge par Chrome sous Android. Lorsque celles-ci sont activées, le navigateur demande automatiquement à l'utilisateur s'il souhaite ajouter le site à l'écran d'accueil.
- Vous pouvez également utiliser les PWA sur des appareils iOS exploitant la version 11.3. Toutefois, le message automatique « ajouter à l'écran » n'étant pas encore disponible sur ces appareils, les utilisateurs devront réaliser cette action manuellement. Pour en savoir plus, veuillez consulter le centre d'assistance d'Apple.
Pour activer la fonctionnalité PWA :
- Dans le panneau de gauche, cliquez sur Paramètres, puis Progressive Web App (PWA).
- Activez l'option Activer la Progressive Web App. Une fois la fonctionnalité PWA activée sur un site, vous pouvez configurer les paramètres suivants :
- Nom. Il s'agit du nom qui s'affiche sur l'écran de démarrage ainsi que dans le message « Ajouter à l'écran d'accueil ». Il peut comporter jusqu'à 60 caractères.
- Nom abrégé. Ce nom est utilisé lorsque l'espace est insuffisant pour afficher le nom complet (par exemple, sur l'écran d'un téléphone portable). Il peut comporter jusqu'à 60 caractères, mais nous vous recommandons de le raccourcir autant que possible.
- Icône. Il s'agit de l'icône qui apparaît sur l'écran d'accueil mobile ainsi que sur l'écran de démarrage lors du chargement de l'application. L'icône doit faire au moins 192 pixels de large et être au format .png.
- Couleur d'arrière-plan de l'écran de démarrage. C'est la couleur qui s'affiche lors du chargement du site.
Lorsqu'un utilisateur accède à un site doté de la fonctionnalité PWA à partir d'un appareil mobile, un bouton AJOUTER À L'ÉCRAN D'ACCUEIL s'affiche en bas du site. Une fois le site ajouté à l'écran d'accueil, l'icône reste disponible sur l'appareil pour permettre à l'utilisateur de se rendre rapidement sur le site (comme pour une application).
L'utilisateur peut désormais accéder au site à partir de cette icône, même si son appareil est en mode hors ligne.
