Qu'est-ce qu'une PWA (application web progressive) ?

Une PWA, pour « progressive web app » ou application web progressive, est un site web qui se comporte comme une application installée. Elle s'ajoute à l'écran d'accueil, s'ouvre sans la barre du navigateur, garde certaines pages disponibles hors connexion et peut, selon l'appareil, recevoir des notifications. Le tout avec une seule base de code, celle du web.

Comment fonctionne une PWA ?

Trois ingrédients techniques transforment un site en PWA :

1. HTTPS : la connexion chiffrée est requise pour activer les fonctions avancées.
2. Le manifeste d'application web : un petit fichier qui indique au système le nom de l'application, son icône, ses couleurs et sa façon de s'afficher.
3. Le service worker : un script qui s'exécute en arrière-plan dans le navigateur. Il intercepte les requêtes réseau, conserve des ressources en cache (une copie locale réutilisable) et permet un fonctionnement hors connexion.

Le mot « progressive » signifie que l'application fonctionne partout comme un site classique, et gagne des fonctions supplémentaires sur les navigateurs qui les prennent en charge. Une PWA reste accessible par son adresse web : on peut la partager par un simple lien.

Que peut faire une PWA ?

• S'installer sur l'écran d'accueil d'un téléphone ou sur un ordinateur, sans magasin d'applications.
• S'ouvrir en plein écran, comme une application.
• Afficher des contenus déjà consultés sans réseau, et conserver des saisies à envoyer plus tard.
• Recevoir des notifications, lorsque le système et le navigateur le permettent.
• Accéder à certaines fonctions de l'appareil : appareil photo, géolocalisation, partage.
• Se mettre à jour automatiquement, sans action de l'utilisateur.

Quelles sont les limites d'une PWA ?

• Une prise en charge inégale : les fonctions disponibles varient selon le navigateur et le système, en particulier sur iPhone. Vérifiez chaque fonction sur les appareils réellement utilisés.
• Un accès partiel au matériel : certains capteurs, certaines connexions sans fil ou les tâches de fond longues restent mieux servis par une application native.
• Une installation peu connue : beaucoup d'utilisateurs ne savent pas ajouter un site à leur écran d'accueil. Sur iPhone, cela passe généralement par le menu de partage du navigateur. Il faut donc l'expliquer.
• Une présence dans les magasins non automatique : la publication, lorsqu'elle est possible, demande une étape supplémentaire et dépend des règles de chaque magasin.

PWA, site responsive ou application native ?

Dans quels cas choisir une PWA ?

• Un outil interne utilisé sur téléphone et sur ordinateur, sans besoin matériel particulier.
• Une saisie terrain qui doit tolérer de courtes coupures de réseau.
• Un premier lancement pour valider un usage mobile avant d'investir dans une application native.
• Un espace client que l'on souhaite rendre accessible d'un geste depuis l'écran d'accueil.

À l'inverse, écartez la PWA si l'application doit fonctionner longtemps sans réseau avec de gros volumes de données, piloter un matériel spécifique ou être trouvée d'abord dans les magasins d'applications. Une application native ou multiplateforme sera alors plus adaptée.

Les points d'attention techniques

1. La stratégie de cache : décider quelles pages peuvent s'afficher depuis la copie locale et lesquelles doivent toujours être à jour, pour ne jamais présenter une donnée périmée comme actuelle.
2. La synchronisation : prévoir ce qui se passe si deux personnes modifient la même donnée hors connexion.
3. Les données stockées sur l'appareil : les limiter au nécessaire, surtout s'il s'agit de données personnelles.
4. Les tests sur appareils réels, pour chaque système et chaque navigateur ciblés, y compris l'installation, la mise à jour et le retour du réseau après une coupure.

Les spécifications de ces technologies sont publiées par le W3C, et web.dev propose des guides pratiques. NexSecure conçoit des PWA et des applications mobiles selon l'usage visé.