Comme vous avez trouvé votre chemin vers cet article de blog, vous avez probablement entendu le terme PWA quelque part. Tant mieux pour vous – les PWA sont ce pour quoi l’année 2018 restera dans les mémoires, vous êtes donc juste à la pointe du progrès. C’est passionnant ! Dans ce billet de blog, j’explique ce que signifie réellement ce terme et pourquoi vous devriez vous en préoccuper.
(source : site Google Developer)
Qu’est-ce qu’une PWA?
PWA signifie Progressive Web Application. Examinons-la en la scindant en deux parties. Les deux derniers mots (« application web ») parlent d’eux-mêmes. Les PWA sont des applications web. Ici, application web signifie simplement une application fonctionnant comme un site web comme, par exemple, Twitter. La première partie du terme – Progressive – signifie que l’expérience de l’utilisateur est améliorée progressivement en fonction des capacités du navigateur. Cela signifie essentiellement que l’application Web fonctionne bien dans les anciens navigateurs, mais qu’elle peut utiliser des technologies plus récentes pour améliorer l’expérience de l’utilisateur si celui-ci utilise un navigateur qui les prend en charge. Cela semble simple, non ? Alors, d’où vient ce terme ?
Progressif signifie que l’expérience utilisateur est améliorée progressivement en fonction des capacités du navigateur
Le terme a été introduit par Alex Russell, ingénieur de Google Chrome, dans son billet de blog en 2015. Depuis lors, Google a promu activement leur utilisation et a fourni de nombreuses ressources sur le sujet, comme un site les expliquant plus en détail.
Lorsque je donne des présentations autour des PWA, je rencontre toujours la même confusion à ce stade. » Alors… Est-ce une technologie ? Est-ce une norme ? Est-ce quelque chose de détenu/breveté par Google ? » Non, rien de tout cela. Il s’agit simplement d’un terme pour décrire une façon spécifique de concevoir et de créer des applications. Ensuite, essayons de comprendre ce qu’ils sont en passant en revue les caractéristiques.
Voici les 9 caractéristiques originales de la PWA par Alex Russell avec une explication de ce qu’elles signifient dans ce contexte:
- Responsive : La page semble bonne sur différentes tailles d’écran (par exemple, téléphone, tablette, ordinateur de bureau)
- Indépendante de la connectivité : Fonctionne sans connexion Internet
- Interactions de type application : Look’n’feel d’une application native
- Fresh : Toujours à jour
- Sécurisé : Utilise une connexion sécurisée pour atténuer plusieurs types de menaces de sécurité
- Discoverable : Les navigateurs identifient automatiquement les PWA
- Réengageable : Peut ramener les utilisateurs vers l’application en utilisant, par exemple, les notifications Push
- Installable : Peut être stockée sur l’écran d’accueil tout comme les applications natives mais sans les tracas supplémentaires de l’App Store
- Liable : Peuvent être partagées autour comme des URL simples
Pour le lecteur de ce billet de blog, les fonctionnalités les plus importantes sont :
- Installabilité sur l’écran d’accueil
- Accès à de multiples API natives telles que la caméra, la géolocalisation, les vibrations, les paiements, etc.
- Support des notifications Push
- Utilisation hors ligne
- Support du plein écran et de l’écran d’accueil
(source : billet de blog d’Alex Russell)
Pour conclure tout ce qui précède, les PWA peuvent faire la plupart des choses que les apps natives peuvent faire et l’écart entre ce que les apps natives et les apps web peuvent faire ne cesse de se réduire.
Pourquoi maintenant?
À présent, vous pensez peut-être que tout cela semble si bon qu’il doit y avoir un piège puisque les PWA ne sont pas la façon par défaut de mettre en œuvre des applications. Oui, vous avez raison. Il y a un problème. Il y a eu un manque de support pour les technologies permettant les PWAs dans certains environnements. Le support d’Android existe depuis un certain temps, depuis Android 5, ce qui signifie que plus de 80 % (source : statistiques Android de Google) des appareils Android dans le monde supportent les technologies nécessaires à la mise en œuvre des PWA. L’adoption est encore plus importante si l’on considère uniquement l’Europe ou l’Amérique du Nord. Le support d’Android est donc déjà très bon.
Malheureusement, l’autre acteur clé qui se partage le marché des téléphones mobiles n’a pas été très enthousiaste à l’idée de mettre en œuvre ces technologies (lisez pourquoi). Le support iOS a fait défaut, empêchant ainsi une adoption plus large des PWA. Mais à partir de la prochaine version iOS 11.3, le support sera également disponible pour iOS. Heureusement, l’adoption des nouvelles versions d’iOS est relativement rapide, de sorte que l’on peut supposer qu’un niveau élevé de support sera disponible dans le courant de l’année. À titre de référence, les versions 10 et 11 représentent 93 % de toutes les versions d’iOS utilisées selon Apple.
Bien que l’accent soit souvent mis sur l’environnement mobile, les PWA fonctionnent également sur le bureau. Au début du mois, Microsoft a fait une annonce importante indiquant que les PWA sont désormais prises en charge par Edge et Windows 10. Chrome et Firefox supportent déjà les PWA et il en sera de même pour la prochaine version de Safari de bureau.
Exemple : Twitter Lite
L’exemple le plus célèbre de PWA est la version PWA de Twitter appelée Twitter Lite (essayez-la avec Android ou le bureau sur mobile.twitter.com). Twitter a également publié son raisonnement derrière la construction de la version PWA. Pour souligner certains faits du post, par rapport à leur application native, la taille de la version PWA n’est que de 1-3% et le temps de chargement moyen est de 30% inférieur.
D’autres exemples bien connus de PWA comprennent Forbes, Trivago, Washington Post, Telegram, Alibaba et plus récemment Google Maps Go. Un annuaire des PWA est également disponible.
Conclusions
L’année 2018 devrait être l’année des PWA. L’outillage est déjà à un grand niveau et de plus en plus de PWAs surgissent tout le temps. Une fois que le support d’iOS sera hautement disponible, les PWA deviendront une option réaliste pour les applications natives. Si vous vous demandez si les PWA sont le bon choix pour vous, revenez bientôt car je vais rédiger un guide intitulé Should I do a PWA instead of a native app?
Gofore a déjà de l’expérience dans le domaine des PWA et possède également une grande expérience dans la création d’applications web réactives, attrayantes, offline-first et efficaces. Que vous ayez besoin d’aide pour les choix architecturaux, la conception ou la mise en œuvre de PWA, n’hésitez pas à nous contacter.
LIRE AUSSI LE BLOG DE GOFORE
La transformation agile en action – Partie 1
La transformation agile en action – Partie 2
Quel est l’intérêt d’échelonner l’agilité
.