Progressive Design Application : Pour un e-commerce plus rapide ?
Publié le 02/07/2020

Qu’est-ce que c’est une Progressive Web App ?
Une progressive web app (PWA) est une version optimisée d’un site mobile intégrant des fonctionnalités d’applications natives (normalement indisponibles sur un navigateur). Dans son sens le plus simple, les PWA sont des applications mobiles diffusées sur le web.Quelles fonctionnalités offrent-elles ?
- Accéder aux fonctionnalités du téléphone (micro, appareil photo, géolocalisation)
- Lire des contenus en hors ligne (ou lorsque le réseau est très faible)
- Des raccourcis peuvent être créés, comme pour une application, sur l’écran d’accueil d’un mobile, sans jamais nécessiter de mise à jour
- Elles savent générer des notifications push
Techniquement, comment cela fonctionne ?
Les éléments de base d’une PWA s’articulent autour de deux composants principaux : un manifeste JSON et un service worker. Le fichier manifeste de type JSON est un fichier qui décrit les données de base de la PWA, pour qu’elle puisse se comporter comme une application native (icône, couleur de l’écran de lancement, nom de l’application…). L’une des fonctionnalités phare et liée par défaut à l’usage du manifeste est sa capacité à rendre un site “installable” sur l’écran d’accueil du smartphone de l’utilisateur et cela, au même niveau qu’une application native. Le service worker, lui, sert de proxy entre l’application et le navigateur : les requêtes émises par l’application passent par ce dernier. C’est grâce au service worker que les fonctionnalités comme les notifications push, la navigation hors connexion, la synchronisation en arrière-plan et les capture d’écrans existent sur une PWA.Quels gains peut-on attendre en passant sur une PWA ?
Avant d’envisager le passage sur une PWA, il conviendra de se poser la question de son intérêt pour l’entreprise :- Choisir une technologie telle que les PWA signifie consommer moins de données des clients et leur offrir une expérience améliorée.
- Le chargement est 2 à 10 fois plus rapide que les sites mobiles
- Améliorer l’ergonomie du site et donc l’expérience client
- Utiliser les mêmes APIs que les applications natives afin de moderniser l’architecture
- Amélioration du taux de conversation
- Avoir une app SEO friendly (les PWA sont nativement référençables et trouvables via une recherche Google)
Zoom sur l’amélioration espérée du taux de conversion
Comme évoqué précédemment , l’enjeu principal pour les acteurs du e-commerce est désormais de multiplier la conversion des connexions sur leurs sites mobiles de vente en actes d’achats. En effet, une étude publiée récemment par Médiamétrie (société spécialisée dans la mesure d'audience et l'étude des usages des médias audiovisuels et numériques en France) fait état d’un flux journalier moyen de 37,4 millions de mobinautes par jour soit 7 millions de plus qu’il y a deux ans (contre 22,6 millions sur ordinateur et 11,4 millions sur tablette). Néanmoins le taux de conversion sur mobile reste bien plus faible que sur desktop : il est 3 à 4 fois inférieur selon les secteurs. Les raisons avancées pour expliquer ces écarts sont généralement les suivantes :- La sécurité
- L’impossibilité de voir les produits en détail (donc l’ergonomie)
- Les difficultés liées à la navigation
- L’impossibilité d’ouvrir plusieurs pages à la fois pour comparer en même temps différents produits
- Les difficultés liées à la saisie
Quelques exemples d’entreprises s’étant converties au PWA
Etam
- Le nombre de sessions mobiles augmenter de 50%
- Augmenter son taux de transformation de 17 points (toujours inférieur aux chiffres sur desktop néanmoins)
- Augmenter le panier moyen de 21%

- De 17% de ses conversions
- De 51% des sessions mobile
- Une amélioration de 8% de la récupération de paniers abandonnés grâce notamment aux notifications push

- De multiplier par 2 ses pages visitées
- D’augmenter de 74% le temps passé en plus sur le site
- D’améliorer de 104% du taux de conversion pour les nouveaux utilisateurs

- Une augmentation de 65% de pages par session
- 75% d’augmentation des tweets envoyés
- Une diminution de 20% du taux de rebond