PWA : Est-ce à quoi ressemble l'avenir des applications mobiles ?

"Application Web progressive" est un terme inventé récemment en 2015 par la designer Frances Berriman et l'ingénieur Google Chrome Alex Russell. Depuis sa naissance, la PWA a connu son lot de succès et a également été adoptée par de grandes entreprises.

Mais cela soulève quelques sourcils lorsque nous entendons des prophéties indiquant vers; jours de l'App Store et ceux des applications natives telles que nous les connaissons, numérotés.

Il est difficile d'imaginer que les applications qui gèrent littéralement nos vies, de l'organisation de réunions à la prise de contact avec des amis, en passant le thermostat au déverrouillage des voitures, seront bientôt remplacées par une technologie qui en est encore à ses balbutiements.

L'impensable est-il donc possible ou l'Empire romain survivra-t-il à l'épreuve du temps ?

Pour que nous puissions choisir entre les deux voies divergentes, nous devons d'abord savoir : Que sont les PWA ? Sur quelle technologie les PWA fonctionnent-elles ? Quels sont les avantages des PWA par rapport aux applications natives ? et Quels sont ses inconvénients ?

Voici tout ce qu'il y a à savoir sur la technologie, répondu par la principale société de développement PWA :

Que sont les PWA ?

Si jamais le meilleur du Web et la meilleure des applications avaient un enfant clone, c'est PWA.

Les Progressive Web Apps (PWA) comme leur nom l'indique, sont essentiellement des applications web mais apparaissent à l'utilisateur comme des applications mobiles natives. En d'autres termes, les PWA ont le meilleur des deux, elles sont facilement accessibles et découvertes comme des applications Web et offrent la commodité des applications mobiles.

Contrairement aux applications mobiles natives, les PWA existent sur le Web comme n'importe quel autre site Web ; la seule exception ici étant qu'ils peuvent être ajoutés directement à l'écran d'accueil de l'utilisateur. À partir de là, les PWA offrent tous les avantages d'une application native ; fiabilité, rappel et engagement accru.

Alors, qu'est-ce qui a aidé les développeurs à trouver le juste milieu entre les applications Web et mobiles ? Faites défiler vers le bas pour connaître les technologies impliquées dans la création d'une PWA.

La sauce secrète derrière les PWA ?

Il existe 3 piliers technologiques fondamentaux sur lesquels reposent les PWA, chacun décrit ci-dessous :

Manifeste
Le manifeste de l'application Web est un simple fichier JSON qui vous fournit, en tant que développeur, un emplacement centralisé pour mettre toutes les informations sur une application (telles que le nom, l'auteur, l'icône, la description) sous forme de métadonnées.

Le but du manifeste est d'installer des applications Web sur l'écran d'accueil d'un appareil. Il vous permet de contrôler l'apparence de l'application aux endroits où un utilisateur s'attendrait à une expérience d'application mobile native, par exemple l'icône de lancement, l'apparence de l'écran d'accueil, etc.

Travailleurs des services
C'est là que la vraie magie opère. Service Workers vous aide à apporter le meilleur du Web et du mobile aux PWA.
Techniquement, les Service Workers se situent entre le réseau et l'appareil et fournissent du contenu en gérant les requêtes HTTP par programmation.
Ils gèrent une mise en cache fiable et intelligente, maintiennent la synchronisation en arrière-plan, les notifications push et, surtout, permettent la navigation hors ligne des sites précédemment visités.

Architecture de l'interpréteur de commandes
App Shell Model est une approche architecturale utilisée pour un chargement rapide, ce à quoi vos utilisateurs s'attendraient lors du lancement d'une application native.

Il s'agit d'un mécanisme de mise en cache, où l'interface utilisateur de base est stockée sous forme de cadre statique, sur lequel le contenu peut être chargé progressivement, permettant aux utilisateurs de s'engager avec l'application malgré divers degrés de connectivité Web.
Alors, qu'est-ce qui rend les PWA tellement plus attrayantes ? Jetons un coup d'œil à certains des problèmes majeurs qui existaient avec les sites Web ou les applications mobiles, que les PWA ont résolus :

Avantages des PWA

Cette section que j'ai divisée en deux parties, une sur les inconvénients des sites Web et des applications mobiles natives et sur la manière dont les PWA répondent à ces problèmes.

Avantage par rapport aux applications mobiles natives

Les applications mobiles natives sont la référence en matière de convivialité et de vitesse, mais elles présentent certains défauts. Et la technologie à mesure qu'elle évolue, ne fait que s'améliorer et toutes les imperfections sont toujours éliminées.

Le plus gros défaut des applications actuelles est qu'elles sont inaccessibles. La plupart des applications mobiles obtiennent moins de 1000 téléchargements .

Ils disparaissent dans l'éther sans laisser de traces, mais pourquoi ? Parce que pour trouver une application, vous devez la rechercher. Contrairement au cas des sites Web, où Google nous emmène souvent sur des sites Web, nous n'avons pas vraiment cherché.

Une autre statistique surprenante sur l'utilisation des applications mobiles révèle qu'il y a une baisse de 20 % du volume d'utilisateurs entre le téléchargement et l'utilisation active. Donc quelque part entre trouver une application, la télécharger et enfin l'utiliser ; 1 utilisateur sur 5 disparaît.

Ajoutez à cela le fait que le développement et la maintenance d'une application mobile, idéalement sur Android et iOS avec un site Web, en font une affaire assez coûteuse.

Progressive Web Apps est la solution à tous les inconvénients ci-dessus :

Ils existent sur le Web comme des sites Web, ils peuvent donc être trouvés dans les résultats de recherche Google, facilitant ainsi l'accessibilité et la découverte des PWA.

Les PWA contournent l'étape où les utilisateurs doivent télécharger l'application depuis l'App Store, éliminant ainsi les frictions. Ils peuvent être directement ajoutés à l'écran d'accueil de l'appareil et accessibles à partir de là.
Imaginez googler un terme réserver des billets d'avion pour LA, et au lieu d'un site Web, vous pourriez accéder instantanément à une application de voyage, avec la même interface conviviale que celle d'une application native. Eh bien, c'est ce que les PWA sont pour vous.

Les PWA sont indépendantes de la plate-forme car ce sont essentiellement des sites Web avec toutes les fonctionnalités d'une application mobile. Ainsi, la création et la maintenance d'une PWA sont moins coûteuses et vous pouvez l'expédier plus rapidement.

Avantage par rapport au site Web

Le principal inconvénient d'un site Web est qu'il est lent par rapport aux applications mobiles et qu'il n'est pas fiable lorsqu'il est consulté sur des connexions irrégulières.

C'est ce qui a donné lieu à la « crise de l'obésité Web ». Nous aimons les pages Web avec des vidéos HD et des animations colorées, mais en même temps, les statistiques suggèrent que 40 % des utilisateurs rebondissent sur un site Web qui prend plus de 3 secondes à se charger.

En dehors de cela, les sites Web ont toujours aspiré à une place dans la barre de notification et sur l'écran d'accueil, tout comme une application.

Les PWA apportent la bonne combinaison à ces problèmes qui affligent les sites Web depuis longtemps :

Comme mentionné précédemment, les PWA utilisent l'architecture App Shell, qui garantit un chargement rapide . Il fournit un cadre statique avec des composants Web rapides et fiables pour le premier chargement, sur lequel d'autres contenus sont chargés progressivement ou dynamiquement.

Les PWA peuvent être ajoutées et accessibles à partir d'un appareil, tout comme une application . En ajouter un est plus simple que de télécharger une application. Ici, il vous suffit d'accepter l'invite "Ajouter à l'écran d'accueil" lors de la navigation, et le PWA sera ajouté à l'écran d'accueil de votre appareil.
La prochaine fois que vous le lancerez depuis l'écran d'accueil de votre appareil, il masquera toutes les commandes du navigateur et se comportera comme une application.

Comme vous pouvez le voir, les PWA combinent le meilleur des deux ; la vitesse et la convivialité d'une application native avec le cadre backend robuste et la connectivité des sites Web. C'est précisément la raison pour laquelle j'appelle les PWA comme l'enfant clone des applications et des sites Web natifs, et je recommande à tous d'avoir hâte d'investir dans le développement d'applications Web progressives. Mais, en même temps, je suggère à tous de se familiariser avec la technologie et sa portée sur le marché, ainsi que d'autres facteurs qui affectent le succès de votre projet de développement d'applications mobiles, comme mentionné dans ce guide de développement d'applications mobiles .