Progressive web app

Un article de Wikipedia, l'encyclopedie libre.
Progressive web app
Description de l'image PWA color logo.svg.

Informations
Developpe par Google
Premiere version ~2015
Ecrit en JavaScript , JSON
Environnement Android, IOS, Windows

Une progressive web app ( PWA , application web progressive en francais [ 1 ] ) est une application web qui consiste en des pages ou des sites web , et qui peuvent apparaitre a l'utilisateur de la meme maniere que les applications natives ou les applications mobiles . Ce type d'applications tente de combiner les fonctionnalites offertes par la plupart des navigateurs modernes avec les avantages de l'experience offerte par les appareils mobiles [ 2 ] , [ 3 ] .

Une PWA se consulte comme un site web classique, depuis une URL securisee mais permet une experience utilisateur similaire a celle d'une application mobile, sans les contraintes de cette derniere (soumission aux App-Stores, utilisation importante de la memoire de l'appareil…).

Elles proposent de conjuguer rapidite, fluidite et legerete tout en permettant de limiter considerablement les couts de developpement [ 4 ]  : plus besoin de faire des developpements specifiques pour les applications en fonction de chacune des plateformes : iOS , Android

Historique [ modifier | modifier le code ]

Durant les annees 2000, les technologies du web sont progressivement passees de documents statiques (HTML) a des solutions dynamiques executees cote serveur avec des langages tels que PHP . Lors de l’arrivee des smartphones en 2007, les technologies du web ne sont plus adaptees face a l'augmentation de l'utilisation des applications mobiles. Ces dernieres offrent une bien meilleure experience utilisateur. Les ressources packagees et l'acces direct aux fonctions du telephone ont permis aux applications natives d’etre plus utilisees que les technologies web mobiles.

Au milieu des annees 2010, cependant, les ameliorations continues en HTML5 , CSS3 et JavaScript ainsi que des navigateurs web plus performants et conformes aux normes, ont fait des applications hybrides performantes une alternative viable.

En 2015, Frances Berriman et l’ingenieur de Google Alex Russell proposent le terme de  "progressive web apps"  pour decrire les sites Internet profitant des nouveaux avantages donnes par les navigateurs web notamment avec l’arrivee des Service workers   (en) et des fichiers manifestes   (en) .

Caracteristiques des PWA [ modifier | modifier le code ]

Google a mis en place une liste de controles etablissant une note via l’outil Lighthouse integre dans le navigateur chrome qui permet de verifier automatiquement le respect des caracteristiques suivantes :

Progressive
les applications web progressives fonctionnent sur n'importe quel peripherique en integrant les fonctionnalites disponibles du navigateur et de l'appareil utilise.
Securisee
Afin de repondre aux problematiques de securite des echanges entre les utilisateurs et les sites, les PWA doivent etre fiables et sures par la mise en place d’un protocole HTTPS.
Engageante
elles proposent une experience utilisateur immersive en plein ecran et un reengagement facilite grace a l'envoi de notifications push web.
Installable
l'utilisation d'un fichier manifest permet aux PWA de proposer, a l'instar d'une application mobile native, l'installation d'un raccourci sur l'ecran d'accueil du terminal mobile.
Rapidite
d'apres Google, 53 % des internautes abandonnent un site si le chargement prend plus de trois secondes. Une fois le site charge, la navigation doit se faire de maniere rapide et fluide.
Optimisation pour le referencement
utilisant les technologies du web, les progressive web app peuvent etre referencees sur les moteurs de recherche de la meme maniere que n'importe quel site web classique.
Independante de la connexion
Grace a la gestion du cache via l’utilisation d’un Service Worker, une fois le contenu charge une premiere fois, il est possible de le consulter meme dans les zones de faible connexion reseau .

References [ modifier | modifier le code ]

  1. ≪  Applications web progressives  ≫, sur Mozilla Developer Network (consulte le )
  2. Illustration par l'exemple de la difference entre site web, Progressive Web App et application native : https://www.powertrafic.fr/progressive-web-app-lequipe/
  3. ≪  Pourquoi les Progressive Web Apps sont la seule alternative viable aux applications natives  ≫, sur FredCavazza.net , (consulte le ) .
  4. ≪  Progressive Web Apps : 5 raisons de s'y interesser - Infographie  ≫, progressive-web-apps ,‎ ( lire en ligne , consulte le )