Blog StarDust : actualités du test, innovations digitales, cas clients

L'état actuel des Progressive Web Apps

Rédigé par Jordan Medard | 27 juin 2019 13:00:00

Les progressive web apps (PWAs) sont des applications développées avec les technologies web qui proposent la plupart des fonctionnalités et le ressenti d’une application native. Comme toutes les applications mobiles, les PWAs sont accessibles par l'écran d'accueil de n’importe quel smartphone. Les PWAs ont presque toutes les mêmes fonctionnalités d’une application native et offrent une expérience utilisateur quasi identique.

Les PWAs sont :

  • Fiables : se chargent instantanément sur réseaux lents ou même hors ligne.
  • Rapides: répondent rapidement aux interactions des utilisateurs grâce à une navigation fluide.
  • Engageantes: ressemblent à une application native grâce à une UX riche

Les avantages des Progressive Web Apps

Les PWAs ont une variété d’avantages. Par exemple, les PWAs par rapport aux applications natives sont des fichiers beaucoup plus légers, ce qui les rendent moins encombrants à stocker sur un smartphone.

Connectivité

Les PWA utilisent moins des données et fonctionnent à la fois hors ligne et sur des réseaux de faible qualité (3G ou moins).

Mise à jour

Il est plus facile à mettre à jour les PWA que les applications natives. En tant qu’une page web, les PWAs sont automatiquement mises à jour libérant ainsi les utilisateurs de la nécessité de mettre à jour eux-mêmes leur application. Il garantit également que tous les utilisateurs ont la version la plus récente de l'application.

Rentable

Les PWA sont assez rentables. Bien que les applications doivent être spécifiquement développées et maintenues pour différents systèmes d'exploitation, la même PWA peut être utilisée sur n'importe quel système d'exploitation. Ainsi, les phases de développement et de test sont facilitées et rendues plus efficaces.

Les autres avantages

  • Interface de type applicatif : Prise en charge de la navigation et des gestes de type applicatif natif.
  • Les notifications push : Communiquez directement avec des utilisateurs 24/7
  • Sécurité : Accès au travers du protocole HTTPS
  • Découvrabilité : Accessible par le web, Google Play, et l’App Store (bientôt)
  • Installation facile : Plus rapide et plus facile à installer que les applications natives.
  • SEO : Les PWAs ont en moyenne une note de 85% par Google

L’état actuel des PWA

Aujourd’hui, les progressive web apps sont accessibles sur les smartphones et les desktops à travers une variété de navigateurs. (Sur iOS, seul Safari est le navigateur qui peut-être utilisé pour ajouter les PWA à l’écran d'accueil). Les PWA proposent la plupart des fonctionnalités des applications natives.

Mobile Progressive Web Apps 

Bien que les PWA fonctionnent sur iOS et Android, les différences entre Safari et Chrome déterminent quelles fonctionnalités les PWA auront sur iOS et Android. Pour les utilisateurs Android, il y a une multitude de navigateurs qui ont la capacité d'ajouter les PWA à l'écran d’accueil.

Les fonctionnalités supportées par iOS

  • Geolocalisation
  • Capteurs (magnétomètre, accéléromètre, gyroscope)
  • Appareil photo
  • La sortie audio
  • La synthèse vocale (seulement avec les écouteurs)
  • Apple Pay
  • WebAssembly, WebRTC, WebGL, etc

Les fonctionnalités supportées par Android

  • Reconnaissance de la parole
  • Géolocalisation
  • Capteurs (Tous)
  • Système de paiement
  • Bluetooth/BLE
  • Appareil photo
  • Google Play Store

Desktop Progressive Web Apps

Les desktop PWA fonctionnent de façon similaire aux applications. Ils sont disponibles sous Chrome OS, Windows, Linux, et MacOS. 

Les PWA ont-elles la capacité d'améliorer vos KPIs et ROI ?

Pour ceux qui ont lancé une progressive web application, la réponse est “oui” !

Pinterest

  • Durée passée : + 40%
  • Le chiffre d’affaires publicitaire généré par les utilisateurs : +44%
  • Principaux engagements : +60%

Tinder

  • Durée de chargement : - 60%

Trivago

  • Engagement utilisateur : +150%

Lancôme

  • Le chiffre d’affaires mobile : +36%
  • Durée de chargement : 1,7 secondes

AliExpress

  • Taux de conversion : +104%
  • Durée passée par Session : +74%
  • Nombre de pages visitées : x2

7 conseils pour tester votre PWA 

  1. Vérifiez que l’URL du site est HTTPs
  2. Assurez-vous que les pages sont responsives sur les mobiles, les tablettes, et les desktops
  3. Testez la capacité de la PWA à charger en hors ligne
  4. Validez que les métadonnées poussent les utilisateurs à ajouter la PWA à l'écran d'accueil.
  5. Confirmez que le site charge rapidement sur les réseaux lents (3G et <)
  6. Exécutez les tests sur de nombreuses configurations (OS/devices/navigateurs)
  7. Vérifiez que chaque page peut être partagée et ouverte sur les réseaux sociaux par une URL unique.

Pour savoir plus sur les recettages informatiques, téléchargez notre livre blanc : Comment et pourquoi tester dans l'ère de la transformation numérique.