Introduction aux applications web progressives : PWA - Letecode
Formation en Ligne en Développement Web Full stack : Début le 28 Février Inscrivez vous ici

C'est quoi une Progressive Web App ?

Dernière mise à jour : 25/09/2022

Introduction aux applications web progressives.

Les trois piliers d'une application web Progressive

  • Capable 
  • Fiable
  • Installable

Le web est une plateforme incroyable. Son mélange d'ubiquité entre les appareils et les systèmes d'exploitation, son modèle de sécurité centré sur l'utilisateur et le fait que ni ses spécifications ni sa mise en œuvre ne sont contrôlées par une seule entreprise font du Web une plate-forme unique pour développer des logiciels. Combiné avec sa capacité de liaison inhérente, il est possible de le rechercher et de partager ce que vous avez trouvé avec n'importe qui, n'importe où. Chaque fois que vous visitez un site Web, il est à jour et votre expérience avec ce site peut être aussi éphémère ou aussi permanente que vous le souhaitez. Les applications Web peuvent atteindre n'importe qui, n'importe où, sur n'importe quel appareil avec une seule base de code.

Les applications spécifiques à la plate-forme sont connues pour être incroyablement riches et fiables. Ils sont omniprésents, sur les écrans d'accueil, les docks et les barres des tâches. Ils fonctionnent indépendamment de la connexion réseau. Ils se lancent dans leur propre expérience autonome. Ils peuvent lire et écrire des fichiers à partir du système de fichiers local, accéder au matériel connecté via USB, port série ou Bluetooth, et même interagir avec les données stockées sur votre appareil, telles que les contacts et les événements du calendrier. Dans ces applications, vous pouvez par exemple prendre des photos, voir les chansons en cours de lecture répertoriées sur l'écran d'accueil ou contrôler la lecture des chansons dans une autre application. Les applications spécifiques à la plate-forme semblent faire partie de l'appareil sur lequel elles s'exécutent.

Un graphique illustrant les capacités et la portée relatives des applications spécifiques à la plate-forme, avec des capacités élevées, des applications Web, avec une portée élevée, et des applications Web progressives, qui ont à la fois des capacités élevées et une portée élevée.

Capacités par rapport à la portée des applications spécifiques à la plate-forme, des applications Web et des applications Web progressives.

Si vous pensez aux applications spécifiques à la plate-forme et aux applications Web en termes de capacités et de portée, les applications spécifiques à la plate-forme représentent les meilleures capacités, tandis que les applications Web représentent la meilleure portée. Alors, où se situent les Progressive Web Apps ?

Les applications Web progressives (PWA) sont conçues et améliorées avec des API modernes pour offrir des capacités, une fiabilité et une installabilité améliorées tout en atteignant n'importe qui, n'importe où, sur n'importe quel appareil avec une seule base de code.

Les trois piliers de l'application #

Les applications Web progressives sont des applications Web qui ont été conçues pour être performantes, fiables et installables. Ces trois piliers les transforment en une expérience qui ressemble à une application spécifique à la plateforme.

Capable #

Le Web est tout à fait capable de lui-même aujourd'hui. Par exemple, vous pouvez créer une application de chat vidéo hyper-locale à l'aide de WebRTC, de la géolocalisation et des notifications push. Vous pouvez rendre cette application installable et rendre ses conversations virtuelles avec WebGL et WebVR. Avec l'introduction de WebAssembly, les développeurs peuvent puiser dans d'autres écosystèmes, tels que C, C++ et Rust, et apporter des décennies de travail et de capacités au Web. Squoosh.app, par exemple, l'utilise pour sa compression d'image avancée.

Jusqu'à récemment, seules les applications spécifiques à la plate-forme pouvaient vraiment prétendre à ces capacités. Bien que certaines fonctionnalités soient encore hors de portée du Web, de nouvelles API et à venir cherchent à changer cela, en élargissant ce que le Web peut faire avec des fonctionnalités telles que l'accès au système de fichiers, les contrôles multimédias, les badges d'application et la prise en charge complète du presse-papiers. Toutes ces fonctionnalités sont construites avec le modèle d'autorisation sécurisé et centré sur l'utilisateur du Web, garantissant que l'accès à un site Web n'est jamais effrayant pour les utilisateurs.

Entre les API modernes, WebAssembly et les API nouvelles et à venir, les applications Web sont plus performantes que jamais, et ces capacités ne font que croître.

Fiable #

Une Progressive Web App fiable semble rapide et fiable quel que soit le réseau.

La vitesse est essentielle pour amener les utilisateurs à utiliser votre expérience. En effet, lorsque les temps de chargement des pages passent de 1 seconde à 10 secondes, la probabilité qu'un utilisateur rebondisse augmente de 123 % . La performance ne s'arrête pas après l'événement onload. Les utilisateurs ne doivent jamais se demander si leur interaction (par exemple, cliquer sur un bouton) a été enregistrée ou non. Le défilement et l'animation doivent être fluides. Les performances affectent l'ensemble de l'expérience utilisateur, de la façon dont ils perçoivent votre application à ses performances réelles.

Enfin, les applications fiables doivent être utilisables quelle que soit la connexion réseau. Les utilisateurs s'attendent à ce que les applications démarrent sur des connexions réseau lentes ou instables ou même hors ligne. Ils s'attendent à ce que le contenu le plus récent avec lequel ils ont interagi, comme les pistes multimédias ou les billets et les itinéraires, soit disponible et utilisable même s'il est difficile d'obtenir une demande auprès de votre serveur. Lorsqu'une demande n'est pas possible, ils s'attendent à ce qu'on leur dise qu'il y a un problème au lieu d'échouer ou de planter en silence.

Les utilisateurs méritent des applications qui répondent à l'interaction en un clin d'œil et une expérience sur laquelle ils peuvent compter.

Installable #

Les Progressive Web Apps installées s'exécutent dans une fenêtre autonome au lieu d'un onglet de navigateur. Ils peuvent être lancés depuis l'écran d'accueil, le dock, la barre des tâches ou l'étagère de l'utilisateur. Il est possible de les rechercher sur un appareil et de sauter entre eux avec le sélecteur d'application, ce qui leur donne l'impression de faire partie de l'appareil sur lequel ils sont installés.

De nouvelles fonctionnalités s'ouvrent après l'installation d'une application Web. Les raccourcis clavier, généralement réservés lors de l'exécution dans le navigateur, deviennent disponibles. Les applications Web progressives peuvent s'enregistrer pour accepter le contenu d'autres applications ou pour être l'application par défaut pour gérer différents types de fichiers.

Lorsqu'une application Web progressive passe d'un onglet à une fenêtre d'application autonome, elle transforme la façon dont les utilisateurs y pensent et interagissent avec elle.

Le meilleur des deux mondes #

Au fond, les Progressive Web Apps ne sont que des applications Web. Grâce à l'amélioration progressive, de nouvelles fonctionnalités sont activées dans les navigateurs modernes. À l'aide de techniciens de service et d'un manifeste d'application Web, votre application Web devient fiable et installable. Si les nouvelles fonctionnalités ne sont pas disponibles, les utilisateurs bénéficient toujours de l'expérience de base.

Les chiffres ne mentent pas ! Les entreprises qui ont lancé des applications Web progressives ont obtenu des résultats impressionnants. Par exemple, Twitter a vu une augmentation de 65 % du nombre de pages par session, 75 % de Tweets en plus et une diminution de 20 % du taux de rebond, tout en réduisant la taille de son application de plus de 97 %. Après être passé à une PWA, Nikkei a vu 2,3 fois plus de trafic organique, 58 % d'abonnements en plus et 49 % d'utilisateurs actifs quotidiens en plus. Hulu a remplacé son expérience de bureau spécifique à la plate-forme par une application Web progressive et a enregistré une augmentation de 27 % des visites de retour.

Les applications Web progressives vous offrent une opportunité unique d'offrir une expérience Web que vos utilisateurs vont adorer. En utilisant les dernières fonctionnalités Web pour apporter des fonctionnalités et une fiabilité améliorées, les applications Web progressives permettent à ce que vous créez d'être installé par n'importe qui, n'importe où, sur n'importe quel appareil avec une seule base de code.

 

Formation en Ligne en Développement Web Full stack : Début le 28 Février Inscrivez vous ici