Home » App » Progressive web apps : qu’est-ce que c’est et comment ça fonctionne ?

Progressive web apps : qu’est-ce que c’est et comment ça fonctionne ?

Progressive web apps : qu’est-ce que c’est et comment ça fonctionne ?

Dans cet article, nous allons vous parler des progressive web apps (PWA). Pour cela, nous dĂ©finirons tout d’abord ce qu’est une application web progressive, puis nous examinerons ses avantages et ses inconvĂ©nients. Enfin, nous vous prĂ©senterons un exemple rĂ©ussi de PWA.

Que sont les progressive web apps ?

Quand on parle d’applications web progressives, on ne parle pas d’une nouvelle structure ou d’une nouvelle technologie. Il s’agit d’un ensemble d’amĂ©liorations pratiques permettant de faire fonctionner une application web d’une manière similaire Ă  une application de bureau ou mobile. L’objectif est d’avoir une expĂ©rience similaire ou identique Ă  celle d’une application native afin que l’utilisateur ne remarque pas la diffĂ©rence entre une application native et une PWA.

Tout d’abord, il faut faire la distinction entre les sites web accessibles Ă  partir d’un navigateur mobile et les applications qui sont tĂ©lĂ©chargĂ©es Ă  partir d’un store. D’une part, nous avons des sites web mobiles, des sites web responsive et des web apps. D’autre part, nous avons des applications natives et des applications hybrides.

Les progressive web apps peuvent ĂŞtre dĂ©finies comme une sorte de mĂ©lange entre les web apps et les applications natives. Il est important de souligner que la diffĂ©rence fondamentale est qu’une PWA peut ĂŞtre installĂ©e depuis une fenĂŞtre de navigation sans avoir Ă  passer par un App Store.

jeune homme tient un iphone dans sa main
Image de Yura Fresh via Unsplash

Cela peut vous intĂ©resser | Application Native, Hybride ou Web, comment faire son choix ?

Avantages et inconvĂ©nients des progressives web apps 

Vous vous demandez peut-ĂŞtre pourquoi il serait plus intĂ©ressant de choisir une web app qui imite les applications natives, plutĂ´t qu’une application native directement? DĂ©couvrez les avantages et les inconvĂ©nients des PWA.

Avantages 

Les applications web progressives offrent de nombreux avantages pour les développeurs et les utilisateurs.

  1. Les PWA fonctionnent gĂ©nĂ©ralement plus rapidement qu’un site web.
  2. Elles sont accessibles hors ligne.
  3. Elles sont responsive et fonctionnent donc avec n’importe quel système d’exploitation et n’importe quel format d’appareil Ă©lectronique.
  4. Les PWA fonctionnent comme une application native : l’icĂ´ne apparaĂ®t sur le tĂ©lĂ©phone comme n’importe quelle application, des notifications push peuvent ĂŞtre envoyĂ©es et elles ont accès Ă  certaines fonctionnalitĂ©s du tĂ©lĂ©phone.
  5. Les PWA se trouvent dans les moteurs de recherche et l’algorithme de Google les mets en valeur.
  6. Elles captent l’attention de l’utilisateur car elles permettent d’envoyer des notifications.
  7. Il n’est pas nĂ©cessaire de l’installer via un app store. C’est un plus pour l’utilisateur et le propriĂ©taire. Pour le premier, c’est avantageux parce qu’il n’a pas besoin de passer par le magasin d’application et le second n’a pas besoin de se soumettre aux règles des app stores.
  8. Elles occupent moins d’espace dans la mĂ©moire de l’appareil car il n’est pas nĂ©cessaire de le tĂ©lĂ©charger.
statistiques applications
Image de Sheila Martin via Flickr

InconvĂ©nients 

Bien que la PWA soit une application innovante et qu’elle possède plusieurs caractĂ©ristiques bĂ©nĂ©fiques telles que celles mentionnĂ©es ci-dessus, elle prĂ©sente Ă©galement certaines faiblesses.

  1. Elle ne bĂ©nĂ©ficie pas du trafic de l’app store : ListĂ© comme un avantage, il s’agit d’une Ă©pĂ©e Ă  double tranchant car de nombreux utilisateurs recherchent leurs applications exclusivement sur les app stores.
  2. Elles consomment beaucoup de batterie : les PWA consomment plus d’Ă©nergie que les applications natives, car le code est bien plus complèxe. Les appareils ont donc plus de difficultĂ© Ă  l’interprĂ©ter.
  3. Elles n’ont pas accès Ă  toutes les fonctionnalitĂ©s du tĂ©lĂ©phone : Ceci peut ĂŞtre considĂ©rĂ© comme un point faible important pour les PWAs par rapport aux applications natives.
  4. Certaines fonctionnalitĂ©s ne sont pas compatibles avec iOS : Bien que la plupart des utilisateurs utilisent des appareils avec un système d’exploitation Android, les PWA ne sont pas optimisĂ©s pour ĂŞtre compatibles avec iOS et ceci reprĂ©sente leur grande faiblesse.

Ebook 5 Checklist app

Un exemple de progressive web app

LancĂ´me est une marque de luxe française de renom dans l’univers des cosmĂ©tiques et appartient au groupe L’OrĂ©al. MalgrĂ© l’utilisation accrue des smartphones, ils ont remarquĂ© qu’il y avait moins de conversions sur appareils mobiles que sur ordinateurs. C’est pourquoi ils ont dĂ©cidĂ© d’investir dans une PWA pour rĂ©duire le taux de rebond des appareils mobiles. Le rĂ©sultat a Ă©tĂ© très positif :

  • Augmentation des conversions de 17 %
  • Augmentation du taux de conversions des paniers d’achat grâce aux notifications push de 8 %
  • Diminution de 15 % du taux de rebond
  • Augmentation de 51 % du nombre de sessions via un appareil mobile
  • RĂ©duction de 84 % du temps nĂ©cessaire Ă  l’interactivitĂ© de la page
plateforme application
Image de miguel.hernandezveliz via Flickr

Souhaitez-vous dĂ©velopper une progressive web app ? 

L’impact des progressive web apps a Ă©tĂ© dĂ©montrĂ© en termes de performances et de conversions. De plus, c’est une alternative pratique et  plus Ă©conomique, puisqu’il n’est pas nĂ©cessaire de passer par un dĂ©veloppeur spĂ©cifique pour chaque système d’exploitation.

Proyecto App

[easy-social-share]