Guides

Vous avez peut-être visité un site web qui vous proposait de « l'ajouter à l'écran d'accueil », puis s'ouvrait plus tard comme une véritable application - en plein écran, fonctionnant hors ligne, et 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 native, mobile ou de bureau. Elle s'exécute dans le navigateur comme n'importe quel site, mais avec des capacités supplémentaires : 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, distribuée via le web, qui donne l'impression d'une application installée.

Comment fonctionne une PWA

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

Parce qu'elle reste un site web, une PWA n'a besoin d'aucune boutique d'applications. Vous visitez une URL et le navigateur vous propose de l'installer. Il n'y a pas de file d'attente de téléchargement, pas de validation par une boutique, et les mises à jour se font automatiquement à la prochaine ouverture. Pour les utilisateurs, c'est sans friction ; pour les développeurs, cela évite une grande partie des barrières imposées par les plateformes.

Pourquoi les équipes en créent

L'intérêt, c'est la portée et le coût. Au lieu de développer des versions iOS, Android et web distinctes, une équipe livre une seule web app qui fonctionne partout - téléphone, tablette et ordinateur de bureau. C'est moins coûteux à construire et à maintenir, et cela contourne les frais des boutiques d'applications ainsi que les délais de validation. Des entreprises comme Twitter, Spotify et Pinterest ont déployé des PWA précisément pour ces raisons.

• S'installer sur votre écran d'accueil - sans aucune boutique d'applications
• Fonctionner hors ligne ou avec une connexion médiocre, grâce à un service worker
• Se charger presque instantanément grâce à la mise en cache
• Envoyer des notifications push, lorsque la plateforme l'autorise
• S'exécuter en plein écran comme une application native, à l'aide d'un web app manifest
• Se mettre à jour automatiquement à la prochaine ouverture

Les utilisateurs y gagnent aussi. Une PWA s'installe en quelques secondes, occupe peu d'espace de stockage et tolère une connexion instable. Un chargement plus rapide et l'accès hors ligne maintiennent l'engagement, ce qui explique pourquoi les PWA améliorent souvent les chiffres qui comptent - visites récurrentes et 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 à des fonctionnalités avancées de l'appareil - certains capteurs, tâches en arrière-plan ou présence dans une boutique d'applications - est plus restreint que dans une véritable application native, et historiquement la prise en charge sur iOS accusait un retard par rapport à Android. L'écart s'est beaucoup réduit, mais il subsiste pour certaines fonctionnalités.

La règle honnête est donc la suivante : vérifiez la prise en charge actuelle des fonctionnalités précises dont vous avez besoin. Pour la plupart des applications - contenu, outils, boutiques, tableaux de bord - une PWA fait tout ce qui est nécessaire. Si vous avez besoin d'une intégration matérielle poussée ou d'un accès profond 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 : fonctionnant 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 la plupart des avantages à une fraction du coût - c'est pourquoi tant de sites modernes sont, discrètement, des PWA.