Application web progressive (PWA)

Pourquoi c’est important

Une PWA est accessible par une simple URL : pas de téléchargement sur un store, aucune barrière à l’installation, et son contenu peut être indexé par les moteurs de recherche. Pour une entreprise, cela signifie une seule expérience qui fonctionne sur tous les appareils et se partage comme un lien. Elle ne remplace pas une application native pour tout, mais elle étend votre présence à tous les utilisateurs qui ne passeront jamais par un store.

Comment ça fonctionne

Deux briques web font l’essentiel du travail. Le service worker s’intercale entre l’application et le réseau : il met le contenu en cache pour que les pages se chargent instantanément et restent disponibles hors ligne. Le manifeste (web app manifest) décrit le nom, l’icône et les couleurs de l’application, ce qui permet au navigateur de proposer l’installation sur l’écran d’accueil. Servie en HTTPS, la PWA se lance ensuite en plein écran comme n’importe quelle application, tout en restant un site web en dessous : une seule base de code, toujours à jour, sans validation des stores.

Un exemple concret

Un restaurant de quartier imprime un QR code sur sa carte et partage le même lien sur Instagram. Le scanner ouvre la PWA instantanément dans le navigateur : menu du jour, commande, carte de fidélité. Le navigateur propose ensuite d’ajouter l’application à l’écran d’accueil, et dès lors elle s’ouvre en plein écran comme n’importe quelle application installée. Pas de store, pas de barrière au téléchargement, un seul lien qui fait le travail de tout un tunnel de conversion.

Questions fréquentes

Une PWA peut-elle s’installer comme une application classique ?

Oui. Quand les critères techniques sont réunis, le navigateur propose d’ajouter la PWA à l’écran d’accueil. Elle obtient alors sa propre icône et s’ouvre en plein écran, sans l’interface du navigateur, comme n’importe quelle application installée.

Une PWA est-elle meilleure qu’une application native ?

Elles répondent à des besoins différents. Une application native offre l’intégration la plus profonde avec l’appareil et une présence sur les stores ; une PWA offre un accès instantané sans téléchargement et une indexation web. Beaucoup de projets tirent le meilleur des deux, et c’est pourquoi GoodBarber génère les deux à partir d’un seul projet.

Une PWA fonctionne-t-elle sur iPhone ?

Oui. Safari installe une PWA depuis le menu de partage avec « Ajouter à l’écran d’accueil », et elle s’ouvre en plein écran comme n’importe quelle application. La prise en charge sur iOS n’a cessé de progresser au fil des années ; les notifications push web, la lacune historique, sont prises en charge depuis iOS 16.4.

Liens utiles

• La technologie PWA de GoodBarber
• Créer une application web progressive

Termes associés

• Service worker
• Manifeste d'application web
• Application native
• Application hybride