Connaissez-vous la technologie Progressive Web App alias PWA ?

En 2022, le support mobile représente 60% du trafic web mondial, soit déjà 8% de plus qu’en 2021, et 51% du trafic web en France selon la version du Digital Report partagée par We Are Social et Hootsuite en juillet 2022. À ce jour, trois types de technologies sont disponibles pour le développement d'applications mobiles : les applications natives, les applications hybride, et les PWA (plus généralement, le web). De nombreux grands acteurs (Pinterest, Starbucks, Uber etc.) ont déjà opté pour une PWA pour des cas d’usages simples, mais que se réellement cache derrière cet acronyme prometteur ?
Couverture PWA Progressive Web Application

D’où vient la « Progressive Web App » et à quoi ça sert ?

Histoire et description de la PWA

La première version de PWA ou « Progressive Web App » a fait son apparition en 2015, développée par Google.

Aujourd’hui, c’est une application qui se développe comme un site web responsive standard, en langage web (HTML5, CSS3, Javascript, avec le framework de votre choix), contrairement aux applications mobiles natives, souvent codées en Java pour Android ou en Objective-C ou Swift pour IOS.

Une application PWA est accessible via le navigateur peut être installée sur smartphone ou tablette comme une application mobile classique. Ce n’est pas le cas des applications natives ou de certaines applications hybrides qui sont faites uniquement pour le format mobile et sont accessibles dans les « magasins » d’applications des smartphones (Google Play ou App Store).

Mobile PWA Progressive Web Application
Page connexion PWA Areebajobs

Téléchargez votre première PWA !

Comment ajouter une « Progressive Web App » à ses applications

Vous souhaitez découvrir comment fonctionne une PWA ?

Saisissez votre smartphone, ouvrez votre navigateur et retrouvez la PWA développée par nos ingénieurs Log’in Line pour Aldelia :  www.areebajobs.com

Télécharger l’application sur Android : cliquez sur le bouton « S’inscrire » puis « Ajouter à l’écran d’accueil ».

Télécharger l’application sur IOS : cliquez sur le bouton « S’inscrire » puis sur l’icône partager et enfin « Sur l’écran d‘accueil ».

L’icône de l’application apparaît alors sur votre écran d’accueil, et est consultable en un clic. La PWA arbore une apparence d’application classique, sans les éléments du navigateur.

Développer sa propre PWA

Fonctionnement et avantages de la « Progressive Web App »

(Cette partie est destinée aux développeurs et aux curieux !)

Quels sont les avantages de la PWA pour le développeur ?

Grâce à son aspect 2 en 1, le développement de la PWA offre un gain de temps précieux. Le développeur peut déployer le site web de façon classique et peut déclarer des propriétés de l’application (logo, splashscreen, couleur de barre des tâches…) dans le manifeste.

Ensuite, le service worker du navigateur permettra de gérer un cache d’assets pour pouvoir servir l’application ou une partie en étant hors ligne.

L’expérience utilisateur d’une PWA est finalement similaire à celle d’une application mobile, sans les contraintes de soumission aux App Stores (Android ou iOS), ni d’utilisation importante de la mémoire de l’appareil.

Développeur Progressive Web App PWA

Finalement, développer une PWA diminue les coûts de développement et de maintenance par rapport aux autres types d’application, apporte une meilleure visibilité sur les moteurs de recherche, une augmentation du taux de conversion et les mises à jour / publications ne sont pas soumises à vérification par les stores iOS ou Android.
Attention cependant, contrairement aux autres types d’applications, certaines des fonctionnalités natives du téléphone (Bluetooth, NFC, géolocalisation précise …) ne seront pas accessibles en PWA. Nous attendons avec impatience que des améliorations soient apportées pour répondre aux enjeux de développement d’applications de nos clients. Natif, hybride ou PWA, chaque technologie a ses avantages et inconvénients. Ainsi, le choix est déterminant pour la rentabilité, la fiabilité et l’usage de votre application.

Faites-nous part de votre projet, notre équipe aura plaisir à étudier la meilleure solution pour le développement de votre application.

Anthony Marchand

Anthony Marchand

CMO @ Log'in Line

Je suis Anthony, CMO de Log'in Line. Éternel curieux et passionné d'entrepreneuriat tech depuis mes 14 ans, je vous aide à concevoir des stratégies d'acquisition performantes 👌

Découvrez nos autres articles !