| Développé par | |
|---|---|
| PremiĂšre version | ~2015 |
| Ăcrit en | JavaScript, JSON |
| Environnement | Android, IOS, Windows |
Une progressive web app (PWA, application web progressive en français[1]) est une application web qui consiste en des pages ou des sites web, et qui peuvent apparaĂźtre Ă l'utilisateur de la mĂȘme maniĂšre que les applications natives ou les applications mobiles. Ce type d'applications tente de combiner les fonctionnalitĂ©s offertes par la plupart des navigateurs modernes avec les avantages de l'expĂ©rience offerte par les appareils mobiles[2],[3].
Une PWA se consulte comme un site web classique, depuis une URL sĂ©curisĂ©e mais permet une expĂ©rience utilisateur similaire Ă celle d'une application mobile, sans les contraintes de cette derniĂšre (soumission aux App-Stores, utilisation importante de la mĂ©moire de l'appareilâŠ).
Elles proposent de conjuguer rapiditĂ©, fluiditĂ© et lĂ©gĂšretĂ© tout en permettant de limiter considĂ©rablement les coĂ»ts de dĂ©veloppement[4] : plus besoin de faire des dĂ©veloppements spĂ©cifiques pour les applications en fonction de chacune des plateformes : iOS, AndroidâŠ
Historique
[modifier | modifier le code]Durant les annĂ©es 2000, les technologies du web sont progressivement passĂ©es de documents statiques (HTML) Ă des solutions dynamiques exĂ©cutĂ©es cĂŽtĂ© serveur avec des langages tels que PHP. Lors de lâarrivĂ©e des smartphones en 2007, les technologies du web ne sont plus adaptĂ©es face Ă l'augmentation de l'utilisation des applications mobiles. Ces derniĂšres offrent une bien meilleure expĂ©rience utilisateur. Les ressources empaquetĂ©es et l'accĂšs direct aux fonctions du tĂ©lĂ©phone ont permis aux applications natives dâĂȘtre plus utilisĂ©es que les technologies web mobiles.
Au milieu des années 2010, cependant, les améliorations 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âingĂ©nieur de Google Alex Russell proposent le terme de "progressive web apps" pour dĂ©crire les sites Internet profitant des nouveaux avantages donnĂ©s par les navigateurs web notamment avec lâarrivĂ©e des Service workers (en) et des fichiers manifestes (en).
Caractéristiques des PWA
[modifier | modifier le code]Google a mis en place une liste de contrĂŽles Ă©tablissant une note via lâoutil Lighthouse intĂ©grĂ© dans le navigateur chrome qui permet de vĂ©rifier automatiquement le respect des caractĂ©ristiques suivantes :
- Progressive
- les applications web progressives fonctionnent sur n'importe quel périphérique en intégrant les fonctionnalités disponibles du navigateur et de l'appareil utilisé.
- Sécurisée
- Afin de rĂ©pondre aux problĂ©matiques de sĂ©curitĂ© des Ă©changes entre les utilisateurs et les sites, les PWA doivent ĂȘtre fiables et sĂ»res par la mise en place dâun protocole HTTPS.
- Engageante
- elles proposent une expérience utilisateur immersive en plein écran et un réengagement facilité grùce à l'envoi de notifications push web.
- Installable
- l'utilisation d'un fichier manifest permet aux PWA de proposer, à l'instar d'une application mobile native, l'installation d'un raccourci sur l'écran d'accueil du terminal mobile.
- Rapidité
- d'aprÚs Google, 53 % des internautes abandonnent un site si le chargement prend plus de trois secondes. Une fois le site chargé, la navigation doit se faire de maniÚre rapide et fluide.
- Optimisation pour le référencement
- utilisant les technologies du web, les progressive web app peuvent ĂȘtre rĂ©fĂ©rencĂ©es sur les moteurs de recherche de la mĂȘme maniĂšre que n'importe quel site web classique.
- Indépendante de la connexion
- GrĂące Ă la gestion du cache via lâutilisation dâun Service Worker, une fois le contenu chargĂ© une premiĂšre fois, il est possible de le consulter mĂȘme dans les zones de faible connexion rĂ©seau.
Références
[modifier | modifier le code]- â « Applications web progressives », sur Mozilla Developer Network (consultĂ© le )
- â Illustration par l'exemple de la diffĂ©rence entre site web, Progressive Web App et application native : https://www.powertrafic.fr/progressive-web-app-lequipe/
- â « Pourquoi les Progressive Web Apps sont la seule alternative viable aux applications natives », sur FredCavazza.net, (consultĂ© le ).
- â « Progressive Web Apps : 5 raisons de s'y intĂ©resser - Infographie », progressive-web-apps,â (lire en ligne, consultĂ© le )


