Progressive Web Apps.
Si vous vous intéressez de près ou de loin au monde du développement mobile, vous avez certainement entendu parler des ces applications d’un nouveau genre.
Mais savez-vous vraiment de quoi il s’agit et quels sont leurs avantages ? Il est temps de faire le point sur les PWA.
Qu’est-ce qu’une Progressive Web App ?
Une Progressive Web App combine le meilleur du web et le meilleur d’une appli.
Plus concrètement, il s’agit d’un site web qui a l’apparence et le comportement d’une application mobile native. Il peut donc :
- S’afficher en plein écran ;
- Se charger très rapidement ;
- Envoyer des notifications push ;
- Fonctionner hors connexion.
Ainsi, une PWA propose une expérience utilisateur à la hauteur d’une app native, tout en offrant des avantages supplémentaires :
- Elle ne nécessite pas d’installation et n’occupe pas de mémoire sur le téléphone ;
- Elle n’a pas besoin d’être publiée sur les app stores (Apple Store, Google Play…) ;
- Le référencement naturel d’une PWA est facilité (nul besoin d’App Store Optimization) ;
- Totalement responsive, elle fonctionne de manière fluide sur tous les supports (smartphone, tablette, ordinateur…)
Cela semble presque trop beau pour être vrai, et pourtant, les PWA ont déjà fait leurs preuves…
La puissance des Progressive Web Apps
Pour illustrer les qualités des Progressive Web Applications, nous prendrons l’exemple du site de prêt-à-porter George.com, auquel Google a consacré une étude de cas intéressante.
Ainsi, l’évolution vers une PWA a permis au site de :
- Multiplier ses temps de chargement par 3, 8 ;
- Diviser par 2 son taux de rebond ;
- Augmenter son taux de conversion de 31 % ;
- Obtenir 20 % de pages vues supplémentaires par visite…
Constat similaire pour le site BookMyShow, qui a vu son taux de conversion augmenter de 80 % après la transition vers une Progressive Web App.
Des résultats plus qu’encourageants qui mettent en lumière le potentiel de ces applis nouvelle génération.
Toutefois, il convient d’apporter quelques nuances à ces conclusions, car les PWA ne sont pas irréprochables sur tous les supports.
PWA : des fonctionnalités inégales selon les supports
L’étude de cas mentionnée plus haut nous apprend que George.com a implémenté une bannière invitant les utilisateurs à installer la PWA sur l’écran d’accueil de leur appareil – une incitation bienvenue.
Mais ne perdez pas de temps à essayer de trouver cette bannière sur votre iPhone : il faut savoir que les PWA offrent plus de possibilités sur Android que sur iOS.
Le système d’exploitation de Google permet par exemple aux PWA d’exploiter la reconnaissance vocale du téléphone ou le BlueTooth ; il est également possible de personnaliser (légèrement) l’écran d’accueil de l’app.
Mais c’est surtout au niveau de l’installation des applis que le “handicap” d’iOS se fait ressentir…
Installer une Progressive Web App sur iOS
Sur un appareil iOS, il est nécessaire de “ruser” pour utiliser véritablement une Progressive Web App.
Tout d’abord, ouvrez Safari et accédez à la PWA en question, puis appuyez sur le bouton “Partager” :
Appuyez ensuite sur le bouton “Sur l’écran d’accueil” :
L’icône de la Progressive Web App deviendra alors visible sur l’écran d’accueil :
En cliquant sur l’icône, on accède à une interface semblable à celle d’une app native, débarrassée de la barre de recherche de Safari :
Autant dire que la manœuvre n’est pas très intuitive, et que les appareils Android sont plus propices à l’utilisation des Progressive Web Apps que les iPhone et autres iPad.
Mais cela n’est peut-être pas si important, quand on sait qu’Android domine largement le marché des systèmes d’exploitation mobiles :
Besoin de développer une Progressive Web App ?
Les Progressive Web Apps ont déjà démontré leur impact positif en termes de performances et de conversions.
Elles constituent également une solution pratique et économique pour déployer un site sur tous les supports sans passer par le développement d’applications natives pour chaque OS.
N’attendez plus : trouvez un développeur mobile sur Codeur.com pour créer votre propre PWA.
