Menu
Blog Web & Mobile

Qu’est-ce qu’une Progressive Web App (PWA) ?

Le Chaînon manquant : Progressive Web Apps ou comment combler le fossé entre les applications Web et les applications mobiles ? 

Vous avez peut-être entendu parler des Progressive Web App.  Mais qu’est ce qu’une Progressive Web App (PWA) ?

 

Littéralement c’est une application web (Web App) qui s’exécute dans un navigateur web et qui utilise les capacités modernes du Web pour offrir une expérience utilisateur semblable à celle d’une application mobile.

 

Les Progressive Web App offrent le meilleur de chacun des environnements (web et applications). Elles offrent un grand nombre de fonctionnalités associées aux applications mobiles mais elle sont déployées sur des serveurs web, ce qui les rend accessibles directement par une URL et indexables par les moteurs de recherche. 

 

Les avantages sont considérables vous l’aurez compris : 

 

 

Le web permet de toucher trois fois plus de personnes que les applications mobiles. Mais les applications mobiles ont un taux d’utilisation bien plus élevé que les sites web. Les Progressive Web Apps constituent sans doute le “chaînon manquant” de votre stratégie mobile !

 

Certains sites ont déjà franchi le pas. Le Financial Times a abandonné ses applications natives au profit d’une PWA robuste sur app.ft.com. Elle peut être “installée” sur l’écran d’accueil de tous les environnements (ordinateurs, tablettes, smartphones) et vous pouvez enregistrer des articles pour les lire hors ligne. Forbes s’est également orienté vers les PWAs pour fournir du contenu. Depuis le passage aux PWA, Forbes a vu le nombre d’utilisateurs augmenter de 43 %, et ces utilisateurs restent deux fois plus longtemps. Lancôme, Über et Starbucks et Twitter ont également lancé leurs PWA. 

 

Depuis la dernière mise à jour de windows 10 il est possible de pousser ses PWA sur le windows Store. La frontière entre application et site internet deviens donc encore plus mince.

 

Tous les navigateurs web ne sont pas encore compatibles avec l’ensemble des fonctionnalités mais les PWA constituent très probablement l’avenir du Web Mobile. Vous êtes un peu perdu ? Pas de panique, nous allons vous aider à y voir plus clair. 

 

 

 

Site mobile, site responsive, web app, progressive web app, application mobile native, application mobile hybride 

Depuis l’arrivée du premier smartphone (iPhone) en 2009, les usages mobiles se sont largement développés, au point de dépasser aujourd’hui ceux des ordinateurs de bureaux ou des portables. Le smartphone est devenu l’ordinateur préféré des français. 

 

Les technologies ont également évoluées. Il existe aujourd’hui deux grandes familles de “contenus” accessible sur mobile. Ceux qui sont accessibles via un navigateur web et ceux qui le sont via des applications téléchargeables sur un “store” (Appstore ou Google Play).

 

Dans la catégorie des contenus accessibles via un simple navigateur, nous trouvons : 

 

 

Dans la catégorie des contenus accessibles via une plateforme de téléchargement, nous trouvons :

 

 

 

 

Où classer les Progressive Web Apps ?

Les progressive Web Apps (PWA) utilisent le meilleur des technologies web et mobiles.

 

Elles s’exécutent dans un navigateur web, sont indexables par les moteurs de recherche, n’ont pas besoin d’être téléchargées sur un store et offrent de nombreuses fonctionnalités jusqu’alors réservées aux applications mobiles natives ou hybrides

 

Une Progressive Web App est, en fait, un site internet développé spécifiquement pour les mobiles développé sur la base des technologies web avancées et offrant des fonctionnalités proches de celle d’une application mobile. Sur un plan technique elle repose sur une architecture de type Application Shell / Service Workers, ce qui rend possible son utilisation en mode hors-ligne, une vitesse de chargement des contenus presque instantanée, la mise à jour des contenus en arrière-plan.

 

Sur le plan de L’UX et de L’UI, l’utilisation d’un fichier .manifest permet de lui donner un rendu plus natif (affichage plein écran sans barre d’adresse, orientation de l’écran possible, icônes identifiables, personnalisation de la couleur de la barre d’adresse, …).

 

Notre agence digitale développe vos sites web responsive, vos applications mobiles hybrides, vos Web App et vos Progressive Web App.

 

 

envie d’en savoir +

Démarrons votre projet

Bonjour ! 

Un projet, une question ? 

Vous souhaitez être contacté ? 

Close
UNE QUESTION ?