PWA - Les éléments nécessaires pour les rendre installables

Les Progressive Web Apps (PWA) sont des applications web modernes offrant des fonctionnalités similaires à celles des applications natives, tout en étant fiables même en cas de réseau instable. L'un des avantages clés des PWA est leur capacité à être installées sur les appareils des utilisateurs. Cet article explore les éléments nécessaires pour rendre une PWA installable et présente des stratégies pour promouvoir son installation.

Critères d'installation des PWA

Pour déclencher l'événement `beforeinstallprompt` et afficher la promotion d'installation dans le navigateur, une PWA doit répondre à certains critères. Ces critères, spécifiques à Google Chrome, comprennent:

1. L'application web ne doit pas être déjà installée.
2. Répondre à l'heuristique d'engagement utilisateur, impliquant des interactions significatives avec la page.
3. Être diffusée via HTTPS pour assurer la sécurité.
4. Inclure un fichier manifeste d'application web contenant des éléments tels que `short_name`, des icônes de différentes tailles, `start_url`, et des paramètres de `display` spécifiant le mode d'affichage.

Stratégies d'installation des PWA

Installation depuis le navigateur

Les utilisateurs peuvent installer une PWA directement depuis le navigateur. Lorsque les critères d'installation sont remplis, certains navigateurs affichent un bouton "Installer" dans la barre d'adresse, facilitant ainsi le processus pour les utilisateurs.

Installation depuis une plate-forme de téléchargement d'applications

Une autre approche consiste à promouvoir l'installation de la PWA à partir de la plate-forme de téléchargement d'applications. Cela peut être fait en fournissant différentes options d'installation, touchant ainsi un large public. Les entreprises peuvent choisir entre promouvoir l'installation depuis le navigateur ou depuis une plate-forme spécifique en fonction de leurs besoins.

Avantages de rendre une PWA installable

Les PWA installées offrent une expérience utilisateur améliorée en s'exécutant dans une fenêtre autonome plutôt qu'un onglet du navigateur. Elles peuvent être lancées depuis l'écran d'accueil, la barre des tâches ou l'étagère de l'utilisateur, donnant l'impression qu'elles font partie intégrante de l'appareil.

Stratégies de promotion de l'installation

Il est essentiel de promouvoir l'installation de la PWA de manière efficace. Les entreprises doivent choisir entre promouvoir l'installation depuis le navigateur ou depuis la plate-forme de téléchargement d'applications en fonction des caractéristiques de leur application et des préférences des utilisateurs.

Prévenir la concurrence en adoptant une approche hybride

Il est possible de promouvoir l'installation de l'application spécifique à une plate-forme tout en offrant une option de remplacement pour les utilisateurs préférant rester sur le web. Cela peut être réalisé en définissant une heuristique basée sur le comportement de l'utilisateur.

Conclusion

Rendre une PWA installable nécessite de répondre à des critères spécifiques et de définir une stratégie d'installation adaptée aux besoins de l'entreprise et aux préférences des utilisateurs. Les avantages d'avoir une PWA installable incluent une meilleure intégration avec l'appareil de l'utilisateur et une expérience utilisateur améliorée. En adoptant des stratégies de promotion efficaces, les entreprises peuvent maximiser le taux d'installation de leurs PWA.

Références : 

Pete LEPAGE, « Quels sont les éléments nécessaires pour être installable ? », web.dev, https://web.dev/articles/install-criteria?hl=fr (Page consulté le 17 février 2024).

Demián RENZULLI et Pete LEPAGE, « Définir votre stratégie d'installation », web.dev, https://web.dev/articles/define-install-strategy?hl=fr (Page consulté le 17 février 2024).