Comment installer des applications Web progressives (PWA) dans Chrome

À partir de cette semaine, vous pourrez installer une PWA (Progressive Web App) sur votre bureau via Chrome 70 en un clic. Qu’est-ce qu’un PWA ? Et pourquoi est-ce une bonne chose ?

Applications Web progressives

Une application Web progressive (PWA) est une application Web qui offre à ses utilisateurs une expérience similaire à celle qu’ils utilisent sur leurs téléphones. Voici quelques notions de base sur les PWA :

  • Ces applications fonctionneront pour tous les internautes, quel que soit le navigateur qu’ils choisissent comme navigateur principal.
  • Ils sont réactifs, ce qui signifie que quel que soit l’appareil sur lequel vous vous trouvez, le PWA s’adaptera correctement à l’écran.
  • Parce qu’ils ressemblent à leur application native, vous interagissez avec eux de la même manière que vous le feriez sur votre téléphone. Cela signifie qu’il n’y a pas d’URL à saisir et une navigation à une touche dans toute l’application.
  • Les applications Web progressives peuvent être utilisées en ligne, hors ligne et dans des zones à connectivité limitée.

Pourquoi utiliser les PWA ?

Les applications Web progressives sont rapides ! Même sans réseau, ils se chargent immédiatement car ils se chargent d’abord à partir du cache et demandent ensuite une connexion. Lorsque vous utilisez un navigateur, votre appareil demande d’abord la connexion avant de charger quoi que ce soit. Ce temps de latence se traduit par un écran vide, qu’environ la moitié d’entre nous abandonnera dans les trois secondes environ !

Ces applications se sentent et agissent comme les applications que nous installons sur nos appareils sans une grande quantité de stockage occupée. En fait, la PWA de Starbucks fait 0,4 % de la taille de son homologue d’application native. Vous les trouvez sur votre écran d’accueil et faites toutes les mêmes choses que l’application native, telles que les notifications.

Les PWA sont fiables. Ils utilisent des service workers, des fichiers Javascript qui s’exécutent séparément du navigateur principal. Les service workers permettent aux applications de contrôler les requêtes réseau, de mettre en cache ces requêtes pour améliorer les performances et de fournir un accès hors ligne au contenu mis en cache. Ainsi, vous pouvez toujours les charger et les utiliser, avec ou sans réseau. Bien sûr, vous ne pourrez peut-être pas accéder au nouveau contenu tant que vous n’aurez pas rétabli l’accès au réseau.

Enfin, il est plus naturel d’interagir avec les PWA qu’avec un navigateur. Vous n’avez pas besoin de saisir indéfiniment les adresses Web. Appuyez ou cliquez simplement sur une icône sur votre écran d’accueil et c’est parti.

En relation :  Comment obtenir les gestes d'empreintes digitales du téléphone Pixel sur n'importe quel appareil [No Root]

pwa_chrome_address_bar

Comment installer des PWA

Vous pouvez installer ces applications sur votre écran d’accueil sans vous soucier d’un magasin d’applications pour les trouver et les télécharger.

Choisissez un site avec une option d’application Web progressive. Il en existe encore un nombre limité, mais certains avec lesquels les utilisateurs ont eu du succès sont Twitter, Pinterest, Trivago, Uber, et Starbucks. Certaines applications sont accessibles via la page Web complète, tandis que d’autres, comme Twitter, doivent être accessibles via leur site mobile.

Lorsque vous êtes sur un site Web qui propose une PWA, cliquez sur l’icône de menu dans le coin supérieur droit.

pwa_chrome_install_app

Sélectionnez « Installer [App Name] » pour l’installer.

Par exemple, si vous accédez au site Twitter Mobile, cliquez sur « menu > Installer Twitter ».

Si vous ne voyez pas l’option d’installation, il n’y a probablement pas de PWA disponible pour ce site. Je suggérerais de vérifier d’abord le site mobile avant de l’abandonner.

Cliquez sur Installer lorsque la boîte de dialogue d’autorisation d’installation apparaît.

Ouvrez-le en le sélectionnant sur votre bureau, ou sous Windows 10, dans la liste des applications. L’application s’ouvrira avec sa propre fenêtre, son icône dans la barre des tâches et son entrée dans le menu Démarrer.

pwa_chrome_app_window

Si vous décidez de désinstaller l’application Web progressive, cliquez simplement sur les trois points verticaux en haut et cliquez sur « Désinstaller [app name]”.

pwa_chrome_uninstall

En raison de leurs nombreux avantages, vous voudrez peut-être vérifier certaines de ces applications par vous-même. Il est difficile de trouver une liste définitive des PWA actuellement disponibles, alors faites-nous savoir lesquelles fonctionnent pour vous en commentant ci-dessous.

Crédit image : Adresse du site Web / barre d’URL

Moyens Staff
Moyens I/O Staff vous a motivé, donner des conseils sur la technologie, le développement personnel, le style de vie et des stratégies qui vous aider.