Blog
Une Progressive Web App (PWA), qu’est-ce que c’est ?

Une Progressive Web App (PWA), qu’est-ce que c’est ?

En 2015, Google invente une nouvelle technologie dans le monde du web : les Progressive Web App (PWA). Elles ont mis du temps à se développer et à gagner une place importante sur le marché, mais aujourd’hui, elles prennent plus d’ampleur et deviennent de plus en plus populaires sur le marché du développement web. 

Une PWA, c’est un type spécial d’application web. Cela permet à un utilisateur d’agir avec un site de la même façon qu’avec une application mobile. C’est-à-dire que le site est doté de fonctionnalités qui sont les mêmes que pour des applications natives

  • Notifications Push ;
  • Navigation GPS ;
  • Installation avec un logo sur l’écran d’accueil d’un mobile ;
  • Fonctionnement hors connexion.

Selon le site Statista.com (site de database, de recherches et d’analyses), cette technologie est en plein essor dans le monde du e-commerce. Voici un graphique qui montre la proportion d’entreprises dans le e-commerce qui prévoient d’investir dans une PWA, en 2021, dans les régions d’Europe et d’Amérique du Nord. 

Etude statistique sur le nombre de companies qui souhaitent investir dans une PWA
Source : statista.com - Share of e-commerce companies planning on investing in progressive web apps (PWA) in North America and Europe in 2021.

Quelles sont les différences entre une PWA et une application pour mobile ?

Une Progressive Web App est faite à partir de langages web : HTML, CSS, Angular, React. Elle dépend d’un navigateur (Google Chrome, Mozilla Firefox, Safari) et s’exécute par l’intermédiaire de ceux-ci. Une application mobile n’est pas liée à un navigateur. Elle est gérée séparément du site web. 

Il existe d’autres différences : 

  • Vous n’avez pas à faire de mises à jour ;
  • Elle peut être indexée sur les moteurs de recherche;
  • La PWA est créée sur le CMS, dans la base de données d’un site web. Vous pouvez gérer le contenu au même endroit que votre site, contrairement à une app mobile classique qui doit être gérée séparément. 

Finalement, on peut dire qu’une PWA, c’est un hybride entre une app mobile classique et un site internet, dans le sens où elle a des choses en commun avec les deux. 

Quelques exemples de PWA mises en place par de grandes entreprises

Aujourd’hui, beaucoup de grandes compagnies se sont lancées dans la conception d’une PWA, pour un accès plus agréable à leurs services, sur les navigateurs. C’est le cas de Twitter, qui a créé Twitter Lite, de Pinterest, ou encore de géants comme Aliexpress. Pour ce dernier, la mise en place d’une PWA a particulièrement bien fonctionné, car il a doublé sa conversion.

Aliexpress vieux site
Site Web d'Aliexpress

Illustration de la PWA de Aliexpress
PWA d'Aliexpress

On peut voir qu’avec la mise en place de sa PWA, Aliexpress a largement amélioré l’expérience vécue par ses utilisateurs. Le visuel est beaucoup moins encombré. Il a fallu que l’entreprise s’adapte à une clientèle qui consulte internet avec un mobile. 

Les applications mobiles ne sont pas forcément la meilleure option dans ces cas-là, car les internautes n’ont pas l’envie de télécharger trop d’applications sur leur smartphone déjà bien encombré, ou n’ont tout simplement pas le réflexe d’aller chercher l’application jusque dans le store pour certains types de services. 

Etude statistique sur l'utilisation des applications par les utilisateurs, par catégories d'app
Source : Statista.com — Most popular app categories in the United States during 3rd quarter 2020, by reach

Sur ce graphique, on constate que ce qui est largement utilisé comme type d’application aux USA, ce sont les applications de réseaux sociaux, de tchat, ou encore les applications de vidéo et distraction. 

Pour beaucoup d’autres services, il peut être intéressant d’envisager la création d’une PWA, surtout si vous ne partez pas sur de l’innovation. 

Les principaux avantages d’une PWA

  • Les Progressive Web App se rapprochent des applications natives, à moindre coût, car elle n’a pas besoin d’être recréée pour chaque OS ;

  • Elles se lancent plus rapidement qu’un site web comme elles ne nécessitent pas de connexion constante grâce à un système de mise en cache ; Cela rend l’expérience utilisateur plus agréable et respect au mieux temps de chargement jugés acceptables par Google (mise à jour des Core Web Vitals) ;

  • Elles sont plus légères qu’une application mobile (installer un lien vers la PWA ne pèse que quelques ko) ; 

  • Elles peuvent utiliser certaines fonctions du téléphone comme la géolocalisation ou envoyer des notifications push pour relancer l’utilisateur. 

Les inconvénients d’une PWA

  • Les Progressive Web App sont mal prises en charge sur le système d’exploitation IOS, même si c’est de mieux en mieux avec les dernières mises à jour ;

  • Elles ne peuvent pas utiliser toutes les fonctionnalités d’un téléphone : impossible d’utiliser l’authentification biométrique ou le géorepérage ;

  • Elles sont plus gourmandes avec la batterie des téléphones ;

  • Elles ne peuvent plus permettre l’accès au site si l’utilisateur ne se connecte pas régulièrement au service, car les données de cache sont supprimées ;

  • L’icône de la PWA doit être ajoutée manuellement sur le téléphone avec un appareil IOS.

S’il est clair qu’une PWA ne remplacera jamais une véritable application native, il semble que l’objectif de Google, en mettant en avant cette technologie, soit de remplacer la plupart des sites web classiques par une utilisation accrue des PWA. Aujourd’hui, les internautes consultent énormément de sites avec leur mobile, et comme les Progressive Web App sont à mi-chemin entre une application et un site internet, c’est parfait pour le responsive, l’expérience utilisateur, et cela utilise même les fonctionnalités des téléphones. 

Bien qu’elles soient loin d’être aussi poussées qu’une application mobile, elles ont toute leur place dans certains secteurs d’activités, qui sauront en tirer parti pour augmenter leur taux de conversion et le temps passé à utiliser leur service. 

Est-ce que la popularité des PWA durera ? Seuls les usages des utilisateurs pourront le dire. 

Découvrez la méthodologie Drakkar
Parlons de vous
MISE A JOUR
July 19, 2024

Top 8 des meilleurs podcasts produit pour développer un MVP

Tech

Testez votre maquette avant de développer

Tech

Ne répondez pas à l’appel du gouvernement

Tech