Les Progressives Web App (PWA)
17 février, 2022 par
Les Progressives Web App (PWA)
Styléo, David GUILLEN

LES PROGRESSIVES WEB APP

(PWA)

Les Progressives Web App (PWA) utilisent les dernières techniques et technologies du Web pour ressembler de plus en plus à des applications smartphones.  Comme toujours, des avantages et des inconvénients pour chaque solution, et nous vous proposons un simple et rapide décryptage :

Qu'est ce que c'est ? 

Les Progressives Web App sont des applications web développées qui utilisent les technologies web standard comme (HTML5, CSS, JavaScript). 

C'est un site web optimisé pour mobile et ressemble à une application native.

Les PWA se réalisent dans un navigateur tels que Google Chrome, Safari etc., mais elles sont aussi installables et fonctionnent hors connexion.

Cette technologie permet d'offrir des fonctionnalités comparables aux applications mobiles. 

Quelques avantages d'une Progressive Web App

  • Elles sont rapides, performantes et fluides.

  • Les PWA peuvent être installées sur votre téléphone (accessible facilement, rapidement et hors connexion).

  • Les PWA permettent de réengager les utilisateurs via les notifications push uniquement sur Android, comme une application mobile native.

  • Une PWA peut être aussi accessible depuis le desktop (par exemple : Microsoft version Windows 10, mise énormément sur les PWA). 


Quelles limites d'une utilisation d'une Progressive Web App ? 

  • Elles sont uniquement installables depuis Google Play, sur Android.

  • Elles manquent de certaines fonctionnalités comparées aux applications natives.

  • Les PWA restent dépendantes des navigateurs.


Comment installer une Progressive Web App ? 

  1. Aller sur le site web, via le navigateur. 

  2. Ajouter à l'écran d'accueil avec l'icône en bas à droite, puis cliquer sur "sur l'écran d'accueil" puis "ajouter" pour l'installer sur l'écran du téléphone.

  3. Ouvrir la Progressive Web App via l'icône installée, sur l'écran d'accueil du téléphone.

Résumé, une comparaison des PWA vs les applications



Les PWA Les applications 
Elles s'exécutent dans un navigateur mais peuvent être installées.Elles sont seulement installables sur les écrans d'accueil de téléphones, tablettes.
Rapides & fluides et fonctionnent hors connexionRapides & fluides et fonctionnent hors connexion
Accessibles depuis le desktopAccessibles que uniquement via les stores
Augmentent la visibilitéVisibles uniquement sur les stores, donc plus restreint au niveau de la visibilité.
Les mises à jour sont instantanées Les mises à jour nécessitent une validation humaine
 Le splashscreen est plus basique que sur une application (1 couleur de fond / 1 Baseline / 1 logo).

 Le splashcreen est 100% customisable et se met à jour automatiquement lorsqu'il est en ligne sur les stores.

Indépendant des stores : on peut faire "ce que l'on veut". Il faut souvent mettre à jour les applications (côté équipe de développement) pour correspondre aux critères des stores (ios et Android), car l'application peut être exclue du store. → Impact de temps et coûts
1 app = 1 site (pas besoin de distinguer les 2).

Une application est une application. Si on veut un site qui profite des mêmes fonctionnalités, cela nécessite un développement complet du dit-site.


Plus de détails

La vidéo ci-jointe vous présente plus en détails, tout ce qu'il faut savoir sur les Progressive Web App (PWA).