Technique

PWA

PWA (Progressive Web App) : application web installable depuis le navigateur, qui se comporte comme une application native (plein écran, hors ligne, notifications) sans magasin d'applications.

Smartphone bordeaux debout sur un sol sombre réfléchissant, son écran affichant une grille d'icônes d'applications arrondies, avec une grande fenêtre de navigateur en verre translucide flottant juste derrière lui et chevauchant son bord droit, éclairée par un faisceau venant du haut
PWA — Image générée par IA (Qwen-Image 2.1, ComfyUI local)

Une PWA (Progressive Web App, application web progressive) est un site web qui se comporte comme une application : on l'installe depuis le navigateur, elle s'ouvre en plein écran avec sa propre icône, elle peut fonctionner hors ligne et envoyer des notifications. Le terme, proposé par Google en 2015, désigne moins une technologie qu'un ensemble de capacités du web moderne. Pour une organisation, c'est souvent le moyen le plus économique d'offrir une expérience applicative sans développer et publier une application par plateforme.

Définition technique

Trois briques

Une PWA repose sur trois éléments. Le HTTPS, obligatoire. Un manifeste d'application, fichier JSON qui donne le nom, les icônes, la couleur de thème, le mode d'affichage (plein écran ou fenêtré) et l'URL de démarrage : c'est lui qui rend l'application installable. Et un service worker, script que le navigateur exécute en arrière-plan, qui intercepte les requêtes réseau pour servir un cache, permettre le mode hors ligne, synchroniser en différé et recevoir des notifications.

Ce qui change pour l'utilisateur

Installée, la PWA apparaît parmi les applications, s'ouvre sans barre d'adresse et conserve son état. Sur un ordinateur, Chrome et Edge la traitent comme une application de bureau. Sur Android, elle peut être emballée dans le Play Store. Sur iOS, Safari l'ajoute à l'écran d'accueil avec un périmètre de capacités plus restreint.

Ce qui change pour l'équipe

Une seule base de code, un seul déploiement, une mise à jour instantanée pour tout le monde. Le revers est la gestion du cache : il faut que l'application détecte une nouvelle version et se recharge, sinon des écrans restent indéfiniment sur l'ancienne. L'autre point d'attention est la politique de sécurité du contenu, puisque l'application s'exécute dans un navigateur avec ses règles.

Enjeux actuels

Une adoption désormais mesurable

Longtemps marginale, la technologie a franchi un seuil : selon le Web Almanac 2025 de HTTP Archive, un site sur cinq est contrôlé par un service worker, contre un peu plus de 1 % trois ans plus tôt, et près d'un quart des sites utilisent au moins une fonctionnalité PWA. Les grands sites de commerce et de médias ont ouvert la voie, les applications internes suivent.

L'alternative aux magasins d'applications

Pour une entreprise, la PWA évite la validation, la commission et le rythme imposés par les magasins. Elle répond aussi à une contrainte réglementaire européenne : le Digital Markets Act a réouvert le débat sur les moteurs de navigateur tiers et les applications web sur iOS. Les capacités disponibles sur iPhone restent le point à vérifier avant tout projet grand public.

Le cas des écrans dédiés

C'est sur les écrans fixes, tablettes murales, bornes, affichage dynamique, que la PWA est la plus convaincante : combinée à un mode kiosque, elle donne une application plein écran, mise à jour depuis le serveur, sans aucune opération sur l'appareil. Mon tableau de bord Maison, servi par Home Assistant, fonctionne exactement ainsi sur une tablette, un petit écran d'entrée et un cadre photo détourné.

Standards et spécifications

Web App Manifest

Fichier JSON standardisé par le W3C qui décrit l'application : nom, icônes, couleur, mode d'affichage, URL de démarrage

Service Workers

Script exécuté par le navigateur en arrière-plan, qui intercepte les requêtes réseau et permet le cache, le mode hors ligne et les notifications

Questions fréquentes

Quelle est la différence entre une PWA et une application native ?

Une application native est écrite pour un système (iOS, Android), distribuée par un magasin d'applications et soumise à sa validation et à sa commission. Une PWA est un site web enrichi d'un manifeste et d'un service worker : elle s'installe depuis le navigateur, s'ouvre en plein écran avec sa propre icône, peut fonctionner hors ligne et recevoir des notifications.

Elle n'a pas accès à tout le matériel (certaines API restent réservées au natif, surtout sur iOS) mais une seule base de code sert tous les écrans, et la mise à jour est immédiate pour tous les utilisateurs.

Les PWA fonctionnent-elles sur iPhone et iPad ?

Oui, avec des limites. Safari permet d'ajouter une PWA à l'écran d'accueil et prend en charge les service workers et, depuis iOS 16.4, les notifications web pour les applications installées. Certaines capacités restent absentes ou plus restrictives que sur Android, et Apple a plusieurs fois modifié le comportement des applications web installées dans l'Union européenne.

Pour un usage professionnel, il faut tester le parcours d'installation sur chaque plateforme cible plutôt que de supposer une parité.

Pourquoi choisir une PWA pour un écran dédié ou une tablette murale ?

Parce qu'elle supprime le déploiement : l'application vit sur un serveur, les écrans la chargent et se mettent à jour seuls, sans magasin, sans signature, sans câble. C'est le choix que j'ai fait pour Maison, mon tableau de bord domestique servi par Home Assistant : une PWA affichée en mode kiosque sur une tablette et un petit écran, qui se recharge quand une nouvelle version est publiée.

La contrepartie est de bien gérer le cache : un serveur qui sert les fichiers avec une durée de vie longue peut laisser un écran sur une vieille version si rien ne lui signale la nouvelle.

Ressources et documentation