PWA : que se cache-t-il derrière cet acronyme ?

L’apparition des PWA a révolutionné l’univers des applications mobiles en offrant de nouveaux moyens d’optimiser l’expérience utilisateur.

Elle présente les caractéristiques et les avantages que ce type d’application apporte par rapport aux applications natives.

Qu’est-ce qu’une PWA ?

Une Progressive Web Application (PWA), ou application web progressive en français, est une application web qui consiste en des sites ou des pages web.

Elle se présente à l’utilisateur sous forme d’application native ou d’application mobile.

C’est un moyen simple de créer des applications conviviales et performantes comme des applications natives, mais avec du HTML, du CSS et du JavaScript.

La PWA profite à la fois des fonctionnalités natives et des fonctionnalités web pour une meilleure expérience utilisateur.

C’est une suite logique du progressive enhancement (amélioration progressive) et du responsive design qui par le passé ont conduit à la création de sites accessibles via mobile.

En effet, les PWA sont développées à l’aide de technologies spécifiques et de standards qui les rendent plus rapides, plus faciles à trouver et à partager.

👉 On les télécharge depuis le navigateur sans devoir les mettre à jour.

Les caractéristiques d’une PWA

Les applications web progressives possèdent des caractéristiques propres à elles qui les différencient d’un site web traditionnel.

Ainsi, une progressive web app doit être :

• Installable depuis un fichier d’installation et proposer un raccourci sur l’écran d’accueil de l’appareil utilisé.
• Progressive ➡️ fonctionner avec la plupart des appareils (mobiles et de bureau) en intégrant les fonctionnalités disponibles dans le navigateur utilisé.
• Engageante ➡️ fournir une expérience utilisateur immersive proche de celle d’une application native. Elle exploite les notifications push web pour faciliter le réengagement.
• Sécurisée ➡️ être accessible sur les moteurs de recherche obligatoirement via un lien Https (le protocole Https garantit la fiabilité et la sureté du PWA).
• Rapide ➡️ offrir une navigation fluide et rapide (Google recommande un temps de chargement inférieur à 3 secondes).
• Utilisable hors-ligne ➡️ être indépendante de la connexion.

Les avantages d’une application web progressive (PWA)

La création d’une PWA présente de nombreux avantages pour l’entreprise et pour les utilisateurs. Cela offre notamment :

Une plus large portée

La PWA s’utilise à la fois sur les ordinateurs, les tablettes et les smartphones.

Elle touche donc un public plus large que les applications mobiles.

Aucune installation requise

Les PWA n’ont pas besoin d’être installées via un magasin d’application.

Il suffit d’accéder à votre navigateur pour l’utiliser. Les utilisateurs peuvent, par exemple, recevoir le lien de l’application via WhatsApp, SMS, ou e-mail et y accéder directement.

De plus, une PWA ne nécessite aucune mise à jour. Tout cela augmente le taux de conversion des utilisateurs.

Caractéristiques de l’application et du web

Les PWA sont des applications sites web : elles utilisent les fonctionnalités de l’appareil et celle du navigateur à la fois.

Vous pouvez utiliser l’appareil photo, le GPS ou les notifications push (uniquement sur Android). L’application apparaît par exemple comme une icône sur votre écran d’accueil pour faciliter son utilisation.

De bonnes performances

Une PWA offre des performances comparables à celles d’une application native tout en utilisant moins de ressources et presque pas d’espace de stockage.

Elle est utilisable hors-ligne, ce qui représente une plus-value pour l’expérience utilisateur en termes de temps de chargement.

L’application web progressive de Starbucks est par exemple 99,84 % plus petite que l’application iOS. Par contre, le nombre d’utilisateurs actifs a doublé.

Des avantages pour le SEO

Les PWA fonctionnent comme des sites web et supportent le SEO (Search Engine Optimization).

Leurs contenus peuvent donc apparaître dans les résultats de recherche de Google grâce aux « crawlers ».

Un développement plus abordable

Le développement d’une application web progressive prend moins de temps que celui d’une application native.

Cependant, elle sert de base solide pour un développement ultérieur comme l’intégration de fonctionnalités natives via un « wrapper ».

Il est également possible d’intégrer des jeux web dans une application mobile avec une PWA.

Les inconvénients d’une Progressive Web App (PWA)

Les progressive web apps présentent également des inconvénients qu’il faut prendre en compte comme :

Les fonctionnalités limitées

Les PWA ne peuvent pas exploiter toutes les fonctionnalités des appareils utilisés (par exemple : Bluetooth, contacts, calendrier…).

La compatibilité avec les systèmes d’exploitation et les navigateurs mobiles est encore en cours de développement. Vous ne pouvez pas accéder pour l’heure à toutes les fonctionnalités d’une PWA sur Apple.

Les performances limitées

Bien qu’une PWA utilise moins de ressources pour de bons résultats, ses performances restent inférieures à celles d’une application native.

Si votre application doit proposer des fonctionnalités très avancées, il faudrait peut-être envisager de créer une application mobile.