{"id":8435,"date":"2018-10-08T07:00:32","date_gmt":"2018-10-08T07:00:32","guid":{"rendered":"https:\/\/yeeply.com\/fr\/blog\/?p=5867"},"modified":"2024-05-07T13:05:21","modified_gmt":"2024-05-07T11:05:21","slug":"progressive-web-apps","status":"publish","type":"post","link":"https:\/\/yeeply.com\/fr\/blog\/developpement-applications-mobiles\/progressive-web-apps\/","title":{"rendered":"Progressive web apps : qu\u2019est-ce que c\u2019est et comment \u00e7a fonctionne ?"},"content":{"rendered":"

Dans cet article, nous allons vous parler des progressive web apps (PWA)<\/strong>. Pour cela, nous d\u00e9finirons tout d’abord ce qu’est une application web progressive, puis nous examinerons ses avantages et ses inconv\u00e9nients. Enfin, nous vous pr\u00e9senterons un exemple r\u00e9ussi de PWA.<\/span><\/p>\n

<\/div>\n
VOUS VOULEZ CR\u00c9ER UNE APPLICATION ? PARLEZ-NOUS DE VOTRE PROJET \u270c\ufe0f<\/a><\/div><\/div>\n

Que sont les progressive web apps ?<\/span><\/h2>\n

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\u00e9liorations pratiques<\/strong> permettant de faire fonctionner une application web d’une mani\u00e8re similaire \u00e0 une application de bureau ou mobile. L’objectif est d’avoir une exp\u00e9rience similaire ou identique \u00e0 celle d’une application native afin que l’utilisateur ne remarque pas la diff\u00e9rence entre une application native et une PWA<\/strong>.<\/span><\/p>\n

Tout d’abord, il faut faire la distinction entre les sites web accessibles \u00e0 partir d’un navigateur mobile et les applications qui sont t\u00e9l\u00e9charg\u00e9es \u00e0 partir d’un store. D’une part, nous avons des sites web mobiles, des sites web responsive et des web apps<\/a>. D’autre part, nous avons des applications natives et des applications hybrides.<\/span><\/p>\n

Les progressive web apps peuvent \u00eatre d\u00e9finies comme une sorte de m\u00e9lange entre les web apps et les applications natives<\/strong>. Il est important de souligner que la diff\u00e9rence fondamentale est qu’une PWA peut \u00eatre install\u00e9e depuis une fen\u00eatre de navigation sans avoir \u00e0 passer par un App Store.<\/span><\/p>\n

\"jeune
Image de\u00a0Yura Fresh<\/a> via Unsplash<\/a><\/figcaption><\/figure>\n

Cela peut vous int\u00e9resser |\u00a0Application Native, Hybride ou Web, comment faire son choix ?<\/a><\/em><\/p>\n

Avantages et inconv\u00e9nients des progressives web apps\u00a0<\/span><\/h2>\n

Vous vous demandez peut-\u00eatre pourquoi il serait plus int\u00e9ressant de choisir une web app qui imite les applications natives, plut\u00f4t qu’une application native directement? D\u00e9couvrez les avantages et les inconv\u00e9nients des PWA.<\/span><\/p>\n

Avantages\u00a0<\/span><\/h3>\n

Les applications web progressives offrent de nombreux avantages pour les d\u00e9veloppeurs et les utilisateurs.<\/span><\/p>\n

    \n
  1. Les PWA fonctionnent g\u00e9n\u00e9ralement plus rapidement<\/strong> qu’un site web.<\/span><\/li>\n
  2. Elles sont accessibles hors ligne.<\/strong><\/li>\n
  3. Elles sont responsive<\/strong> et fonctionnent donc avec n’importe quel syst\u00e8me d’exploitation et n’importe quel format d’appareil \u00e9lectronique.<\/span><\/li>\n
  4. Les PWA fonctionnent comme une application native<\/strong> : l’ic\u00f4ne appara\u00eet sur le t\u00e9l\u00e9phone comme n\u2019importe quelle application, des notifications push peuvent \u00eatre envoy\u00e9es et elles ont acc\u00e8s \u00e0 certaines fonctionnalit\u00e9s du t\u00e9l\u00e9phone. <\/span><\/li>\n
  5. Les PWA se trouvent dans les moteurs de recherche<\/strong> et l’algorithme de Google les mets en valeur. <\/span><\/li>\n
  6. Elles captent l’attention <\/strong>de l’utilisateur car elles permettent d’envoyer des notifications.<\/span><\/li>\n
  7. Il n’est pas n\u00e9cessaire de l’installer via un app store<\/strong>. C’est un plus pour l’utilisateur et le propri\u00e9taire. Pour le premier, c’est avantageux parce qu’il n’a pas besoin de passer par le magasin d\u2019application et le second n’a pas besoin de se soumettre aux r\u00e8gles des app stores. <\/span><\/li>\n
  8. Elles occupent moins d\u2019espace <\/strong>dans la m\u00e9moire de l’appareil car il n’est pas n\u00e9cessaire de le t\u00e9l\u00e9charger.<\/span><\/li>\n<\/ol>\n
    \"statistiques
    Image de Sheila Martin<\/a> via Flickr<\/a><\/figcaption><\/figure>\n

    Inconv\u00e9nients\u00a0<\/span><\/h3>\n

    Bien que la PWA soit une application innovante et qu’elle poss\u00e8de plusieurs caract\u00e9ristiques b\u00e9n\u00e9fiques telles que celles mentionn\u00e9es ci-dessus, elle pr\u00e9sente \u00e9galement certaines faiblesses.<\/span><\/p>\n

      \n
    1. Elle ne b\u00e9n\u00e9ficie pas du trafic de l’app store<\/strong> : List\u00e9 comme un avantage, il s’agit d’une \u00e9p\u00e9e \u00e0 double tranchant car de nombreux utilisateurs recherchent leurs applications exclusivement sur les app stores.<\/span><\/li>\n
    2. Elles consomment beaucoup de batterie<\/strong> : les PWA consomment plus d’\u00e9nergie que les applications natives, car le code est bien plus compl\u00e8xe. Les appareils ont donc plus de difficult\u00e9 \u00e0 l’interpr\u00e9ter. <\/span><\/li>\n
    3. Elles n’ont pas acc\u00e8s \u00e0 toutes les fonctionnalit\u00e9s <\/strong>du t\u00e9l\u00e9phone : Ceci peut \u00eatre consid\u00e9r\u00e9 comme un point faible important pour les PWAs par rapport aux applications natives. <\/span><\/li>\n
    4. Certaines fonctionnalit\u00e9s ne sont pas compatibles avec iOS<\/strong> : Bien que la plupart des utilisateurs utilisent des appareils avec un syst\u00e8me d’exploitation Android, les PWA ne sont pas optimis\u00e9s pour \u00eatre compatibles avec iOS et ceci repr\u00e9sente leur grande faiblesse.<\/span><\/li>\n<\/ol>\n
      <\/div>\n

      \"Ebook<\/a><\/p><\/div>\n

      Un exemple de progressive web app<\/span><\/h2>\n

      Lanc\u00f4me est une marque de luxe fran\u00e7aise de renom dans l\u2019univers des cosm\u00e9tiques et appartient au groupe L’Or\u00e9al. Malgr\u00e9 l’utilisation accrue des smartphones, ils ont remarqu\u00e9 qu’il y avait moins de conversions<\/strong> sur appareils mobiles que sur ordinateurs. C’est pourquoi ils ont d\u00e9cid\u00e9 d’investir dans une PWA<\/strong> pour r\u00e9duire le taux de rebond des appareils mobiles. Le r\u00e9sultat a \u00e9t\u00e9 tr\u00e8s positif :<\/span><\/p>\n