Il y a 7 ans et 56 jours
Tout ce que vous devez savoir sur les Progressive Web Apps
L'avènement des Progressive Web Apps
La réponse à un besoin de rapidité et de légèreté
Nous en parlions dans notre article : l'usage d'internet est désormais plus important sur mobile que sur ordinateur. Ce nouvel usage implique de nouvelles stratégies, comme le fait de disposer d'un site rapide et à la navigation confortable pour une utilisation sur mobile. Lors du ChromeDevSummit en Octobre 2017, Google constate qu'une page web est affichée sur mobile au bout de 19 secondes en moyenne avec une connexion 3G. Pourtant, Google constate par la suite que 53% des utilisateurs abandonnent un site web qui met plus de 3 secondes à charger ! En effet, disposer d'un site responsive ne garantit pas sa rapidité.
Les entreprises doivent-elles alors se tourner vers les applications natives ? Pas vraiment.
Les applications natives, disponibles sur les stores, ne sont pas au meilleur de leur forme : l'installation d'applications natives est en baisse et les utilisateurs désinstallent de plus en plus d'applications. Différentes causes peuvent expliquer ce phénomène : l'espace de stockage disponible commence à saturer chez les possesseurs de smartphones, d'autant que certaines applications très sollicitées (comme Facebook ou Twitter) peuvent peser plus de 300 Mo selon les données de l'utilisateur.
Pour remédier à cela et continuer de proposer une expérience sur mobile optimale, Google a alors développé les Progressive Web Apps, un savant mélange entre les sites web classiques et les applications natives.
Quelles fonctionnalités et avantages par rapport à une application mobile native ?
La Progressive Web App ou PWA présente les mêmes caractéristiques qu'une application native mobile, tout en gardant les forces d'un site web classique.
Une PWA offre donc les fonctionnalités que l'on retrouve sur les applications natives, à savoir :
L'accès à la caméra du smartphone
L'accès au GPS
L'affichage de notifications Push
L'accès au microphone et à la reconnaissance audio
L'accès au Bluetooth
L'affichage en plein écran (pas de barre d'url visible), en format portrait ou paysage
La synchronisation des données en arrière-plan
Une navigation simplifiée
Etc.
Ces fonctionnalités représentent évidemment un atout marketing, avec notamment l'affichage des notifications Push. Toutefois, il faut garder à l'esprit qu'un utilisateur reçoit déjà beaucoup de notifications : agenda, messages, appels manqués, messagerie WhatsApp, réseaux sociaux, etc. les entreprises peuvent se poser cette question avant de se lancer dans la course aux notifications : Votre client est-il prêt à recevoir un coup de téléphone de votre part à chaque lancement d'un nouveau produit ?
Ces fonctionnalités laissent aussi imaginer une multitude de possibilités visant à améliorer l'expérience de l'utilisateur sur mobile : un mode " nuit " lorsque la batterie du smartphone est faible, le réglage automatique de la luminosité, l'affichage d'un contenu spécifique selon l'emplacement géographique de l'utilisateur? Les possibilités ne cessent d'évoluer car rappelons-le, cette technologie est nouvelle.
PWA vs Application mobile native
En plus de proposer les mêmes fonctionnalités qu'une application native, la Progressive Web App se différencie en agissant comme un site web. Un utilisateur sur mobile peut accéder à la PWA d'un site en se rendant simplement sur celui-ci via son navigateur : il n'y a donc nul besoin de passer par un store, rechercher l'application, la télécharger et parfois l'acheter, puis enfin l'installer. Toutes ces étapes fastidieuses sont abolies et rendent la PWA accessible à tous.
Côté utilisateur, la PWA offre bien d'autres avantages par rapport à une application native : elle ne nécessite pas d'être mise à jour via le store, elle consomme peu de Data et peut fonctionner hors-ligne (ce qui est très intéressant pour les utilisateurs disposant d'une connexion internet limitée ou dans une zone peu couverte).
Contrairement aux sites web classiques, une PWA peut être accessible depuis l'écran d'accueil d'un téléphone, tout comme une application. Voici comment cela fonctionne : en se rendant sur un site disponible en PWA, l'utilisateur voit une pop-up l'invitant à ajouter un raccourci vers le site sur son écran d'accueil. S'il accepte, cela créé alors une icône avec le logo du site sur son écran d'accueil, accessible à tout moment : ce raccourci emmène directement l'utilisateur vers la Progressive Web App du site et lui permet de profiter de tous les avantages cités précédemment, comme la navigation hors-ligne. Un tel raccourci accessible à tout moment sur le smartphone d'un utilisateur représente un grand potentiel d'engagement, de fidélisation et de confiance client. Contrairement à une application native, ce raccourci ne prend que quelques kilo-octets sur l'espace de stockage du smartphone de l'utilisateur.
PWA : une technologie SEO-friendly
La Progressive Web App, contrairement à une application native, est accessible sur une page web et peut donc être référencée sur Google : toutes les techniques classiques d'optimisation SEO peuvent alors être appliquées pour que la PWA soit correctement référencée sur Google et attire des visiteurs via les résultats de recherche organiques. Toutefois, une page en PWA peut être créée sur une nouvelle URL (par exemple : monsite.fr/PWA/), ce qui peut poser des problèmes de contenu dupliqué sur la page d'accueil du site. Les webmasters doivent donc être particulièrement vigilants quant à l'implantation de la PWA en vérifiant que les règles " rel=canonical " soient bien mises en place dans ce type de situation.
Autre point positif pour le SEO : la vitesse de chargement. La PWA réduit drastiquement le temps de chargement d'un site, ce qui devrait plaire à Google. Le géant du web a en effet largement communiqué sur l'importance de la vitesse sur mobile et a annoncé la mise à jour SpeedUpdate pour juillet 2018 : cette mise à jour ajoutera la vitesse comme un facteur de positionnement sur mobile dans l'algorithme.
Exemples de Progressive Web Apps
Pour l'instant, peu de Progressive Web Apps sont disponibles en France, mais cela évolue positivement. Si cette technologie est nouvelle et présente peu d'exemples à suivre, cela ne doit pas pour autant constituer un frein pour les entreprises souhaitant sauter le pas ! En France, le site L'Equipe est le 1er média français à avoir lancé sa PWA.
Voici quelques autres exemples de grandes entreprises ayant lancé leur PWA : Tinder, Starbucks, Instagram, Pinterest ou encore Trivago.
PWA et m-commerce : une alliance prometteuse
Hormis les sites d'actualité ou les réseaux sociaux, les PWA constituent aussi un réel atout pour les sites de vente en ligne. Des études montrent que le m-commerce évolue trois fois plus vite que le e-commerce : la PWA est alors une très bonne opportunité de développer la conversion sur mobile grâce à sa rapidité d'utilisation (une PWA se charge en 3 ou 4 secondes en moyenne seulement) et à son design optimisé pour une utilisation plus confortable sur mobile.
Des études de cas présentées par Google montrent que les sites de commerce électronique ayant adopté la PWA présentent de meilleurs taux de conversion, de clic, d'ouverture et d'engagement. Le taux de rebond est aussi plus bas, pour un temps passé sur le site plus haut.
Ainsi, des sites de e-commerce comme eBay ou Uber ont sauté le pas et proposent leur PWA.
Et vous, êtes-vous prêt à passer à l'ère Progressive ?