Les Progressive Web App (PWA) : qu'est-ce que c'est ?

Si vous utilisez votre téléphone pour accéder à des sites web fréquemment, vous avez probablement déjà utilisé une progressive web app, sans même le savoir. Mais, qu'est-ce qu'une progressive web app ? On vous explique tout. 

Qu’est-ce qu’une progressive web app ?

Une progressive web app (PWA) est une application web qui utilise les dernières technologies du web pour offrir une expérience utilisateur comparable à celle d'une application native. Elles sont progressives, c'est-à-dire qu'elles s'adaptent à tous les types d'appareils et de navigateurs, et offrent une expérience fluide et optimale.

« Les dernières technologies du web » recouvre en réalité trois briques précises, et les nommer aide à savoir si un projet est vraiment une PWA ou seulement un site adaptatif. Un service worker, script installé dans le navigateur qui s’intercale entre l’application et le réseau : c’est lui qui rend possible le fonctionnement hors ligne. Un manifeste d’application web, fichier JSON déclarant le nom, les icônes et le mode d’affichage. Et HTTPS, sans lequel le service worker n’est tout simplement pas autorisé.

Les progressive web apps sont de plus en plus utilisées par les grandes entreprises, comme X (ex-Twitter), Pinterest, et même par Google. Si vous utilisez l'un de ces sites fréquemment, vous avez probablement déjà utilisé une progressive web app, sans même le savoir.

Pour développer une progressive web app, il est possible de passer par des app-builder no code qui simplifie grandement la tâche.

Quelle est la différence entre une progressive web app et une application native ? 

La question de savoir quelle est la différence entre une progressive web app et une application native est souvent posée. La réponse est assez simple : une PWA est une application Web qui utilise les dernières avancées du Web pour offrir une expérience utilisateur similaire à celle d'une application native. Les PWA se chargent comme n'importe quelle autre page Web, mais elles bénéficient de quelques fonctionnalités supplémentaires qui leur permettent de se comporter comme une véritable application.

Les applications natives, quant à elles, sont développées spécifiquement pour fonctionner sur un seul type de plateforme, que ce soit iOS, Android ou Windows. Elles doivent être téléchargées et installées sur un appareil, et peuvent accéder à toutes les fonctionnalités de celui-ci, comme la caméra, le GPS, les notifications push, etc. Les applications natives offrent une expérience utilisateur plus immersive que les PWA, mais elles sont plus difficiles et coûteuses à développer et à déployer.

Deux différences pèsent plus que les autres dans un arbitrage réel. L’accès au matériel d’abord : une PWA atteint la caméra, la géolocalisation ou les notifications via des API web dont la couverture varie selon le navigateur et le système, là où une application native accède à tout ce que la plateforme expose. La distribution ensuite : une PWA s’installe depuis le navigateur, sans magasin, ce qui évite les délais de revue et les commissions, le programme développeur d’Apple coûtant à lui seul 99 $ par an, mais prive aussi de la découverte par recherche dans l’App Store ou le Play Store. Pour un outil interne ou B2B, l’absence de magasin est un avantage; pour une application grand public, c’est un canal d’acquisition en moins.

Quels sont les avantages d’une progressive web app ?

Il y a plusieurs avantages à développer une progressive web app. En voici quelques-uns : 

Accessibilité

L’installation obéit à des conditions documentées, et les ignorer explique la plupart des PWA que personne n’installe. Le guide MDN sur les PWA installables les résume : site servi en HTTPS, manifeste valide avec un nom, des icônes aux bonnes tailles et un mode d’affichage, et, selon les navigateurs, un service worker enregistré. Le comportement diffère ensuite selon la plateforme : sur Android, le navigateur peut proposer l’installation de lui-même; sur iOS, elle passe par l’action « Ajouter à l’écran d’accueil » dans Safari. Sans un message qui l’explique au bon moment, le taux d’installation reste proche de zéro.

Elles sont faciles à mettre en ligne. Il n'y a pas besoin de créer une application native pour chaque plateforme. Et elles sont adaptables à tous les appareils. Les utilisateurs n'ont pas besoin de télécharger une application spécifique pour leur téléphone ou leur tablette.

Mise à jour

Les progressive web apps peuvent être mises à jour en direct côté serveur. Les utilisateurs n'ont pas besoin de télécharger de nouvelles versions de l'application, celle-ci se fait généralement automatiquement.

Sécurité

Elles sont plus sûres. Les progressive web apps sont moins susceptibles d'être victimes de virus ou de logiciels malveillants car leurs données ne sont pas stockées directement sur les appareils mais sur des serveurs sécurisés.

Performance

Elles sont plus rapides. Les progressive web apps sont généralement plus rapides que les applications natives car elles sont moins gourmandes en ressources. Les progressive web apps ne nécessitent pas de stockage sur le téléphone ou la tablette de l'utilisateur.

Pour résumer, en développant une progressive web app, vous pouvez bénéficier d’avantages d’accessibilité, de mise à jour, de sécurité et de performance. 

Exemples de progressive web app

Plusieurs grandes entreprises ont déjà adopté les PWA. Ces dernières années, de plus en plus de développeurs web s'intéressent à cette technologie et cherchent à créer leurs propres PWA. Voici trois exemples :

Uber

Rien de tel qu'une application mobile pour faire du covoiturage ! Uber a développé une application PWA pour permettre aux conducteurs et aux passagers de se connecter et de trouver des trajets en toute simplicité. L'application PWA d'Uber est légère et rapide, ce qui la rend idéale pour les trajets urbains. De plus, elle est compatible avec les smartphones et les tablettes, ce qui permet aux conducteurs et aux passagers de se connecter et de trouver des trajets en toute simplicité.

Tinder

Le 21 janvier 2019, Tinder a lancé sa version web appelée Tinder Online. Cette version est une Progressive Web App, ce qui signifie qu'elle est plus légère et plus rapide à charger que la version classique. Tinder Online est disponible pour les utilisateurs de différents pays du monde.

Tinder Online est une version allégée de l'application, ce qui signifie qu'elle est plus rapide à charger et consomme moins de données. C'est une bonne option pour les utilisateurs qui ne veulent pas télécharger l'application complète ou qui n'ont pas accès à un réseau de haute qualité. Tinder Online est également utile pour ceux qui ne veulent pas que l'application soit stockée sur leur téléphone.

Pinterest

Pinterest est l'un des premiers services à adopter les PWA. En 2017, l'entreprise a lancé sa première PWA pour permettre aux utilisateurs de profiter d'une expérience optimisée quel que soit le périphérique qu'ils utilisent.

La progressive web app de Pinterest offre aux utilisateurs une expérience fluide et rapide, même lorsqu'ils sont en déplacement. De plus, elle permet de sauvegarder les contenus de Pinterest sur le périphérique de l'utilisateur, ce qui leur permet de les consulter même lorsqu'ils n'ont pas accès à Internet.

En adoptant les PWA, Pinterest est parvenu à améliorer considérablement l'expérience utilisateur de ses utilisateurs. Si vous souhaitez créer une expérience utilisateur optimale pour vos utilisateurs, les PWA sont une technologie que vous devez absolument envisager.

Chez Scroll, on vous accompagne dans le développement de votre Progressive Web App

Nos experts en applications web travaillent chaque jour sur l’outil Bubble pour développer des progressive web app. Bubble est un outil no-code qui nous permet de donner vie à vos projets de PWA. Pour répondre à vos besoins, nous avons mis en place l’agence Bubble.

Grâce à notre parfaite maîtrise de Bubble et notre savoir-faire dans ce domaine, nous accompagnons nos clients sur des réalisations diverses et variées. Nous utilisons la puissance de Bubble pour proposer des applications inédites et construites sur-mesure, en un temps record.

Vous avez un projet de Progressive Web App ? Contactez-nous pour discuter de votre projet !