Retour

Progressive Web Apps (PWA) : le futur du Web mobile ?

L'environnement de travail numérique 18/06/2019 Laurent Falda

Une Progressive Web App (PWA), c’est quoi ?

Une progressive web application est une application consultable tout aussi bien en ligne que hors-ligne, à laquelle on peut accéder depuis un navigateur (ex : Safari, Chrome) mais aussi directement disponible sur l’écran d’accueil du téléphone, au même titre qu’une application native.

Applications web, applications natives, hybrides : quelles différences ?

Une application web est avant tout un site internet HTML5 consultable uniquement en ligne. Elle a un look & feel d’application native, mais est consultable uniquement en ligne depuis un navigateur web.

Une application native est programmée directement via les outils de développement natif du téléphone. Elle ne fonctionne que sur une famille de téléphones (Apple ou Android). Il faut donc faire deux développement distincts. (C’est donc plus long)

Une application hybride est programmée avec des technologies web, mais est convertie en application native. Il n’y a donc besoin de faire qu’un seul développement.

Ou classer les PWA du coup ?

La PWA sont des applications web avec des « fonctionnalités » en plus. Concrètement, on peut les ajouter à l’écran d’accueil du téléphone pour pouvoir les consulter hors-ligne et sans l’interface du navigateur (barre d’adresse, bouton suivant / précédent) pour un vrai look&feel d’application.

Cet ajout à l’écran d’accueil se fait soit via une action explicite de l’utilisateur, soit par le navigateur qui propose à l’utilisateur de l’ajouter à l’écran d’accueil si ce dernier utilise l’application de manière prolongée ou récurrente.

tableau PWA

Et ça fonctionne comment concrètement ?

Prenons quelques exemples concrets !

Lancôme

https://developers.google.com/web/showcase/2017/lancome

Le passage à une PWA a augmenté le taux de conversion de 17% comparé au précédent simple site mobile.

Les relance via notification push pour paniers interrompus a permis d’augmenter de 8% les taux de conversion.

L’Equipe

Pour un site tel que l’équipe, où l’utilisateur revient de manière très récurrente consulter du contenu, l’optimisation du temps de chargement en situation de mobilité (ex : 3G avec coupures de connexion) est primordiale.

L’équipe, avec sa pwa, est passée de 54s à 7s jusqu’au chargement total.

Peut-on dire que les PWA sont le futur du Web Mobile ?

Des avantages pour tout le monde :

o Pour l’utilisateur : expérience optimisée et adaptée
 Temps de chargement
 Utilisation sans connexion
 Responsive
 Pas d’installation requise, accès depuis une simple URL

o Pour le développeur : un workflow unifié
 Un développement plus simple (langage uniformisé).
 On peut mettre à jour l’application à tout moment : fiabilité & sécurité ;
 Même niveau de sécurité que les apps natives

o Pour le client : de nouvelles opportunités
 Un développement moins coûteux (un seul développement pour toutes les plateformes).
 Notifications Push : app engageante
 Amélioration du référencement (SEO), lien direct depuis recherche google.
 Une appli qui est automatiquement sur toutes les plateformes : Mobile : ios & android, Desktop : Mac, Linux, Windows.

Des inconvénients … ou pas :

o Pas la même prise en charge sur toutes les plateformes : l’accès sur l’écran d’accueil n’est pas aussi simple à mettre en place sur IOS.
o Plusieurs limitations dans les fonctionnalités : Bluetooth, Background syncing, beacons… MAIS la plupart des projets n’utilisent pas ces fonctionnalités.

Google est le premier à pousser l’adoption des PWA et fait le maximum pour les promouvoir : Elles sont maintenant également disponibles sur le play store mobile.

Microsoft soutient également les PWA, qui peuvent être soumises sur leur Microsoft Store Desktop.

Les technologies Web, ouvertes et modernes, forment un socle extrêmement solide et tourné vers l’avenir. Si les géants de l’informatique continuent sur leur trajectoire, les progressive web apps deviendront de plus en plus pertinentes pour une gamme de projets mobiles & applicatifs toujours plus importante.

Besoin de développer une Progressive Web App ?

Contactez-nous !

Avatar auteur
Écrit par ,
Ça vous a plu ? Faites tourner !

À lire aussi

say hello !

un projet ? des infos ? un devis ?

on est partout.

Amiens
Scala Amiens

7 rue de l’Ile Mystérieuse

80440 Boves Amiens
Lyon
Scala Lyon

Parc du Crecy, 12 rue Claude Chappe

69370 Saint Didier au Mont d’Or Lyon
Marseille - Siège social
Scala Marseille

11 avenue André Roussin
Immeuble Grand Ecran

13 016 Marseille
+33 (0)4 91 46 84 60
Paris
Scala Paris

8 Rue Euler

75 008 Paris
+33 (0)1 56 68 77 80
Tunis – Tunisie
Scala Tunisie

Rue du Lac Biwa, Immeuble Fraj
3ème étage, Lac 1,
Les Berges du Lac

1053 Tunis – Tunisie
+216 71 657 451
Et même Londres, Bruxelles, NY, Montréal et Casablanca.Voir carte.

on recrute !

Venez voir toutes nos offres ici.

contact
le blog