Progressive Web App (PWA) : à quoi ça sert et comment ça marche ?

Vous avez peut-être déjà vu un site vous proposer de "l'installer" sur votre téléphone ou votre ordinateur. Pas via l'App Store ou le Play Store, directement depuis le navigateur. Ce sont des Progressive Web Apps, ou PWA. Derrière ce terme se cache une idée simple : faire en sorte qu'un site web se comporte comme une application installée sur votre appareil.

Pour un dirigeant, l'intérêt est concret : donner à vos équipes ou à vos clients une expérience d'application, sans les coûts et les délais d'un développement mobile classique. Pas de soumission aux stores, pas de téléchargement, pas de commission Apple ou Google.

C'est quoi une PWA, concrètement ?

Une PWA, c'est votre site web auquel on ajoute des capacités supplémentaires. Vos utilisateurs peuvent l'installer sur leur écran d'accueil, l'utiliser même sans connexion internet, et recevoir des notifications. Le tout sans passer par un store.

Trois caractéristiques la distinguent d'un site classique.

Elle fait plus qu'un site. Géolocalisation, notifications push, accès à la caméra, stockage de données en local. Les navigateurs modernes donnent accès à des fonctionnalités qui étaient réservées aux applications mobiles il y a quelques années. La frontière entre site web et application s'est considérablement réduite.

Elle fonctionne même sans réseau. Plutôt qu'une page d'erreur quand la connexion coupe, vos utilisateurs voient l'application avec les données déjà consultées. Dès que la connexion revient, tout se synchronise automatiquement. Vous connaissez le petit dinosaure qui s'affiche quand Chrome n'a pas de réseau ? Avec une PWA, vos utilisateurs ne le verront jamais.

Elle s'installe en un clic. L'utilisateur l'ajoute à son bureau ou son écran d'accueil. L'application s'ouvre dans sa propre fenêtre, sans barre d'adresse, comme n'importe quelle application native. L'icône apparaît dans le lanceur d'applications, au milieu des autres.

Comment ça se passe côté utilisateur ?

L'expérience est transparente. L'utilisateur visite votre site normalement. Après quelques visites, le navigateur détecte qu'il interagit régulièrement avec le site et lui propose de l'installer. S'il accepte, une icône apparaît sur son bureau ou son écran d'accueil.

Il clique dessus, l'application s'ouvre dans sa propre fenêtre. C'est aussi simple que ça. Pas de téléchargement, pas de compte à créer sur un store.

Les mises à jour se font automatiquement, côté serveur. Quand vous corrigez un bug ou ajoutez une fonctionnalité, c'est disponible dès la prochaine ouverture. Pas besoin d'attendre que l'utilisateur télécharge une mise à jour depuis un store, et surtout pas besoin d'attendre la validation d'Apple ou Google, qui peut prendre entre 24 heures et plusieurs jours.

C'est un avantage qu'on sous-estime souvent. Un bug critique en production ? Sur une PWA, le correctif est en ligne dans l'heure. Sur une application mobile classique, comptez deux à trois jours minimum avant que la majorité de vos utilisateurs aient la nouvelle version.

Le mode hors ligne : l'atout principal

Le vrai intérêt de la PWA pour des équipes sur le terrain, c'est de fonctionner sans connexion internet. Les données consultées lors des visites précédentes sont stockées localement sur l'appareil. Si le réseau coupe, l'application reste utilisable.

C'est un avantage concret dans plusieurs situations.

Des commerciaux en déplacement qui consultent un catalogue ou saisissent des commandes dans des zones mal couvertes. Plutôt qu'une page blanche, ils continuent de travailler. Des techniciens sur le terrain qui remplissent des rapports d'intervention sans wifi. Un outil interne utilisé dans des locaux avec une connexion instable, ce qui est plus courant qu'on ne le croit dans les zones d'activité.

Dès que la connexion revient, les données se synchronisent. L'utilisateur n'a rien à faire, la mise à jour se fait en arrière-plan.

Les notifications push : garder le contact

Les PWA peuvent envoyer des notifications push, comme une application mobile. C'est utile pour alerter vos utilisateurs d'un nouveau message, d'un changement de statut sur une commande, ou d'une tâche en attente.

Sur Android, les notifications PWA fonctionnent exactement comme celles d'une application native. Sur iPhone, Apple a ajouté le support en 2023, mais l'expérience reste en retrait par rapport à Android. Le taux d'ouverture est généralement plus bas sur le web que sur mobile natif, et les navigateurs bloquent de plus en plus les demandes d'autorisation par défaut.

Pour un outil B2B interne, c'est largement suffisant. Pour une application grand public où les notifications sont stratégiques, l'application mobile native reste plus efficace.

PWA ou application mobile : comment choisir ?

La PWA ne remplace pas toujours une application mobile. Les deux répondent à des besoins différents, et le bon choix dépend de votre situation.

La PWA est le bon choix quand vos utilisateurs accèdent au service depuis différents appareils (PC, tablette, mobile), quand vous voulez éviter les délais de publication sur les stores, ou quand votre budget ne couvre pas un développement mobile en plus du site web.

L'application native reste préférable quand vous ciblez le grand public et voulez être présent sur les stores, quand vous avez besoin du Bluetooth, du NFC ou de fonctionnalités matérielles avancées, ou quand les performances graphiques sont critiques.

Dans la pratique, on combine souvent les deux. Un outil web pour la gestion au bureau, et une application mobile pour les équipes terrain qui ont besoin d'accès matériel. C'est l'approche qu'on a suivie avec Netto Drive : gestion centralisée côté web, saisie terrain côté mobile.

L'impact sur vos revenus

Si votre application génère des revenus via des achats ou des abonnements, ce critère mérite attention.

Sur une PWA, vous utilisez le prestataire de paiement de votre choix. Stripe, par exemple, prélève environ 2,9 % par transaction. Sur une application mobile, Apple et Google imposent leur système de paiement et prélèvent entre 15 et 30 % sur chaque transaction. Un abonnement à 10 €/mois vous rapporte environ 9,70 € via le web, contre 7 € au mieux via les stores.

Depuis 2024, le Digital Markets Act en Europe pousse Apple à assouplir ses règles. Mais on est encore loin d'une liberté totale, et la majorité des applications mobiles passent encore par le système de paiement imposé.

Les limites à connaître

Quelques points à garder en tête avant de se lancer.

Apple reste en retrait. Sur iPhone, les PWA fonctionnent, mais certaines fonctionnalités arrivent plus tard que sur Android. L'expérience d'installation est moins visible que sur Chrome. Si votre cible utilise majoritairement des iPhones, c'est un facteur à prendre en compte.

Pas de présence sur les stores. Vos utilisateurs ne vous trouveront pas en cherchant sur l'App Store. La PWA se découvre via votre site web ou un lien direct. Pour un outil B2B, ce n'est pas un problème. Pour une application grand public, ça peut l'être.

Certains usages restent hors de portée. Si votre application a besoin du NFC, du Bluetooth avancé ou d'un accès aux contacts du téléphone, la PWA ne suffira pas. Ces fonctionnalités nécessitent une application native.

Le bon côté : si le navigateur ne supporte pas une fonctionnalité, le site continue de marcher normalement. L'utilisateur ne perd rien, il n'a simplement pas accès aux extras. C'est le principe de l'amélioration progressive : on ajoute des capacités par-dessus un site qui fonctionne déjà.

Exemples concrets

On a suivi l'approche PWA sur des projets comme Skreept, une plateforme d'apprentissage où les utilisateurs travaillent aussi bien sur ordinateur que sur téléphone. L'installation en un clic et le mode hors connexion répondent à un vrai besoin quand les apprenants sont en déplacement.

Sur Courtageo, la plateforme de courtage immobilier, les courtiers accèdent à l'outil depuis leur bureau comme depuis leur tablette chez un client. La PWA évite de multiplier les développements tout en offrant une expérience fluide sur tous les supports.

Pour un centre hospitalier, l'outil de gestion interne devait fonctionner sur les postes du personnel comme sur des tablettes en salle. La PWA cochait toutes les cases sans nécessiter de distribution via un store.

Questions fréquentes

Une PWA fonctionne-t-elle sur tous les navigateurs ? Chrome et les navigateurs basés sur Chromium offrent le meilleur support. Firefox supporte l'essentiel. Safari (iPhone, Mac) est en retrait mais s'améliore chaque année. Si le navigateur ne supporte pas une fonctionnalité, le site fonctionne quand même normalement.

Mes utilisateurs doivent-ils installer la PWA ? Non, l'installation est optionnelle. La PWA fonctionne comme un site classique dans le navigateur. L'installation ajoute l'icône sur l'écran d'accueil et ouvre l'application dans sa propre fenêtre, mais ce n'est pas obligatoire.

Peut-on transformer un site existant en PWA ? Oui, c'est même l'approche la plus courante. La PWA est une couche qu'on ajoute par-dessus un site ou une application web existante. Pas besoin de tout reconstruire.

La PWA peut-elle remplacer une application mobile ? Pour des cas simples (catalogue, outil de saisie, tableau de bord), oui. Pour des fonctionnalités avancées (Bluetooth, NFC, paiement in-app via les stores), non. Et si votre cible est le grand public, la présence sur les stores reste un avantage.

Quel budget prévoir pour ajouter la PWA à un site existant ? C'est un ajout au projet web, pas un développement séparé. Le surcoût dépend de la complexité du mode hors connexion souhaité, mais il est nettement inférieur au développement d'une application mobile dédiée.

En résumé

La PWA est un bon choix quand vous voulez donner à vos utilisateurs une expérience proche d'une application sans le budget et les délais d'un développement mobile. C'est une brique qu'on ajoute à un projet web existant, et qui peut évoluer vers une app native si le besoin se confirme.

Un projet web qui pourrait profiter du mode offline ou de l'installation ? Parlons-en.