Guides

Vous avez peut-être visité un site qui proposait d'« Ajouter à l'écran d'accueil », puis qui s'ouvrait plus tard comme une vraie application — en plein écran, fonctionnant hors ligne, envoyant même des notifications. C'est une Progressive Web App, ou PWA. C'est l'une des idées les plus utiles du développement web moderne, et ce guide explique ce qu'est une PWA, comment elle fonctionne et pourquoi les équipes en créent.

Une progressive web app est un site web conçu pour se comporter comme une application mobile ou de bureau native. Elle tourne dans le navigateur comme n'importe quel site, mais avec des capacités en plus : elle peut être installée sur votre écran d'accueil, fonctionner sans connexion internet, se charger instantanément et envoyer des notifications push. C'est une seule base de code, diffusée par le web, qui donne la sensation d'une application installée.

Comment fonctionne une PWA

Deux technologies rendent cela possible. Un service worker — un script qui tourne en arrière-plan — met vos fichiers en cache et gère les requêtes réseau, ce qui permet à une PWA de fonctionner hors ligne et de se charger vite. Un manifest d'application web — un petit fichier JSON — indique au navigateur le nom, l'icône et les couleurs de l'application, pour qu'elle puisse être installée et lancée comme une application native.

Comme c'est toujours un site web, une PWA n'a besoin d'aucun magasin d'applications. Vous visitez une URL et le navigateur propose de l'installer. Il n'y a pas de file d'attente de téléchargement, pas de validation par un store, et les mises à jour se font automatiquement à la prochaine ouverture. Pour les utilisateurs, c'est sans friction ; pour les développeurs, cela évite beaucoup de contrôle des plateformes.

Pourquoi les équipes en créent

L'intérêt, c'est la portée et le coût. Au lieu de créer des versions iOS, Android et web distinctes, une équipe livre une seule application web qui marche partout — téléphone, tablette et ordinateur. C'est moins cher à construire et à maintenir, et cela contourne les frais des stores et les délais de validation. Des entreprises comme Twitter, Spotify et Pinterest ont livré des PWA pour exactement ces raisons.

• S'installe sur votre écran d'accueil — aucun magasin d'applications requis
• Fonctionne hors ligne ou sur une mauvaise connexion, via un service worker
• Se charge presque instantanément grâce à la mise en cache
• Envoie des notifications push, là où la plateforme l'autorise
• S'affiche en plein écran comme une application native, grâce à un manifest d'application web
• Se met à jour automatiquement à la prochaine ouverture

Les utilisateurs y gagnent aussi. Une PWA s'installe en quelques secondes, prend peu d'espace de stockage et supporte une connexion instable. Un chargement plus rapide et l'accès hors ligne maintiennent l'engagement, et c'est pourquoi les PWA améliorent souvent les chiffres qui comptent — les visites répétées et le temps passé sur le site.

Les limites, en toute honnêteté

Les PWA sont puissantes mais pas illimitées. Sur certaines plateformes, l'accès aux fonctions profondes de l'appareil — certains capteurs, les tâches en arrière-plan ou la présence dans un store — est plus restreint que dans une vraie application native, et historiquement le support sur iOS était en retard sur Android. L'écart s'est beaucoup réduit, mais il existe encore pour certaines fonctions.

La règle honnête est donc : vérifiez le support actuel pour les fonctions précises dont vous avez besoin. Pour la plupart des applications — contenu, outils, boutiques, tableaux de bord — une PWA fait tout ce qu'il faut. Si vous avez besoin d'une intégration matérielle lourde ou d'accroches profondes au système d'exploitation, une application native reste peut-être le meilleur choix.

En résumé

Une progressive web app est un site web qui se comporte comme une application installée : capable de fonctionner hors ligne, installable, rapide et prête pour les notifications, à partir d'une seule base de code. Elle ne remplacera pas toutes les applications natives, mais pour une vaste gamme de produits, elle offre l'essentiel des avantages à une fraction du coût — et c'est pourquoi tant de sites modernes sont, discrètement, des PWA.