← Retour aux faqs


Qu'est ce qu'une PWA ?

Catégorie : Développement web 

Les progressives web apps (PWA) sont des applications web conçues et développées avec un ensemble de méthodes et techniques modernes qui leur permettent d'approcher fortement les performances des applications mobiles natives tout en restant exécutées sur n'importe quel navigateur web.

Ce terminal ne peut pas exécuter une PWA !

Quelles sont les caractéristiques techniques d'une progressive wep app ?

Oui, la définition d'une pwa est un peu floue alors, concrêtement, quelles sont les caractéristiques techniques nécessaires pour dire qu'on a affaire à une PWA ?

 Et bien une progressive web apps est une application web conçue et développée de façon :

  • - à être rapide : par l’implémentation d’un rendu côté serveur (SSR) qui donne une réactivité exceptionnelle à l’application qui approche une une application mobile native.
  • - à pouvoir gérer les déconnexions : pour une utilisation dans les transports ou dans les endroits à faible connexion, l’implémentation de stockage local via un service worker permettrait d’offrir hors ligne certains services. Les données sont ensuite envoyées au serveur quand la reconnexion a lieu.
  • - à pouvoir afficher des notifications push : les notifications push améliorent l’engagement des utilisateurs
  • - à être accessible avec un shortcut depuis l’écran d’accueil du mobile
  • - à être un site web, référencé sur les moteurs de recherches et ne nécessitant aucune installation sur le terminal qui l'exécute.
  • - à fonctionner aussi sur les anciens navigateurs qui ne supportent pas les dernières fonctionnalités (services workerslocal storage par exemple)
  • - à fonctionner uniquement sur le protocole sécurisé https.

 

progressive web apps exemple

 

Un exemple de PWA ?

L'exemple le plus intéressant d'une progressive web app est l'application développée par Twitter : si vous vous connectez sur mobile à https://mobile.twitter.com vous remarquerez en bas de votre écran la notification pour installer l'application sur votre écran d'accueil et vous pourrez aussi twitter hors connexion !

 

 

 

 

 

Quels sont les avantages d'une pwa par rapport à une application mobile native ?

Chaque solution a ses avantages et inconvénients !

Les performances des progressives apps ne sont pas aussi bonnes que les applications natives mais elles présentent certains avantages intéressant, notamment :

- de profiter du levier de référencement naturel

- de ne pas passer par les stores Apple et Google

- de présenter des coûts de développement et de maintenance moindre

- d'avoir des taux de conversion marketing supérieurs aux app natives (essentiellement à cause de la rapidité au chargement)

Par contre, la manipulation du hardware du mobile ou tout simplement l’ouverture de fichiers sur le mobile sont impossibles depuis le navigateur (donc depuis une pwa apps !) même si certaines fonctionnalités sont désormais ouvertes au navigateur comme la position géographique.

Apple bloque également certaines fonctionnalités comme les alertes push qui ne sont disponibles que sur Android.

 

En résumé :  les pwa sont une alternative aux applications mobiles natives. Elles ont des limitations qui peuvent s'avérer bloquantes pour certains projets mais elles présentent aussi des avantages (coût, référencement, flexibilité de déploiement...) qui peuvent être déterminants pour certains projets de développement web.

 

 

 Notre offre d'amoa web

 

 

 

 

Merci à Alexander Andrews pour cette superbe photo d'illustration !