Mobile : la révolution des Progressive Web Apps (PWA)

progressive web apps

Sur Codeur.com, trouvez rapidement un freelance pour réaliser votre projet Mobile. Voir les développeurs mobile disponibles

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.
étude de cas pwa
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.

+250 000 freelances disponibles sur Codeur.com

Recevoir des devis gratuits

Rapide, gratuit et sans obligation

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” :
progressive web app sur ios
Appuyez ensuite sur le bouton “Sur l’écran d’accueil” :
progressive web app sur ios
L’icône de la Progressive Web App deviendra alors visible sur l’écran d’accueil :
progressive web app sur ios
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 :
progressive web app ios
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 :

parts de marché des os mobile
77 % des mobiles sont équipés d’Android en mai 2018 (Source : StatCounter)
Par ailleurs, il est indéniable qu’une PWA permet d’améliorer globalement les performance d’un site en le rendant accessible et fluide sur la grande majorité des appareils et des navigateurs web.

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.