Applications Web progressives de bureau : une avancée majeure

Quand on parle de Progressive Web Apps (PWA), les applications mobiles sont la première chose qui vient à l'esprit puisque cela a toujours été le cas.

 Lecture recommandée : Qu'est-ce qu'une application Web progressive ?

Cependant, à mesure que le temps change, les principaux navigateurs tels que Chrome avec leurs initiatives PWA font leur entrée sur le marché des ordinateurs de bureau, élargissant encore plus le potentiel apparemment illimité des PWA.

À partir de Chrome 70, les utilisateurs peuvent désormais installer des applications Web progressives de bureau sur Windows et Linux. Une fois installées, elles sont lancées à partir du menu Démarrer et s'exécutent comme toutes les autres applications installées, sans barre d'adresse ni onglets.

Et ça ne s'arrête pas là . Les fondations d'un Microsoft Store hybride PWA sont posées étape par étape : dans le Microsoft Store, les applications Web progressives sont désormais comparables aux applications Windows natives, étendant ainsi sa portée à l'ensemble de la base d'installation de Windows 10 de près de 700 millions. utilisateurs mensuels actifs.

Comprendre les PWA de bureau et pourquoi c'est si important

Possédant tous les avantages des applications Web progressives et plus encore , l'application Web progressive de bureau devient progressivement la tendance dans le développement d'applications de bureau.

 Lecture recommandée : 12 exemples d'applications Web progressives pour votre inspiration

Pour une brève compréhension de Desktop PWA, vous pouvez imaginer que Desktop PWA est comme celui d'un document en ligne ou d'un document Google qui fonctionne en utilisant les composants Web. Les applications de bureau natives, en revanche, sont comme Microsoft Word : elles sont bonnes, sont un peu volumineuses et sont conçues pour fonctionner de manière fluide. La raison pour laquelle Desktop PWA est à la mode en ce moment est que Desktop PWA peut à peu près faire le travail d'une application de bureau native avec une expérience beaucoup plus attrayante et prend peu ou pas d'espace sur votre disque dur.

En résumé, les PWA de bureau sont :

• Rapide - PWA offre une expérience immédiate, réactive et globalement agréable
• Installable - un PWA peut être installé comme n'importe quelle autre application native et être affiché sur votre bureau ou votre écran d'accueil plutôt que de nécessiter un navigateur. Les installations de PWA sont toujours instantanées et de petite taille.
• Engager - PWA adopte la meilleure directive pour une UX et une interface utilisateur de haute qualité tout en étant capable de fonctionner indépendamment de l'état du réseau ou de la capacité de l'appareil.

L'exemple le plus frappant de Desktop PWA est Twitter Lite . Bien qu'il ait été conçu en mettant l'accent sur les utilisateurs mobiles, Twitter a connu une croissance exceptionnelle de ses interactions avec les utilisateurs de bureau.

65 % d'augmentation du nombre de pages par session

75 % d'augmentation des Tweets envoyés

Diminution de 20 % du taux de rebond

Le premier coup marquant l'étape initiale du mouvement PWA a certainement été tiré par Twitter. Viennent ensuite des marques influentes telles que Spotify et Pinterest avec précipitation et avec une qualité de produit non moins exceptionnelle également :

Au cas où vous l'auriez manqué, nous avons ici un examen approfondi de Spotify PWA. Se démarquant des autres, Spotify PWA est livré avec une refonte qui a radicalement changé l'expérience utilisateur, la rendant plus personnalisée et adaptative aux besoins de l'utilisateur, comme un lecteur de musique devrait l'être.

Pinterest a également connu plusieurs améliorations positives dans les mesures commerciales de base.

Le temps passé a augmenté de 40 % par rapport à l'ancienne expérience Web mobile, les revenus publicitaires générés par les utilisateurs ont augmenté de 44 % et les principaux engagements ont augmenté de 60 %.

Leur nouvelle expérience Web mobile est une avancée par rapport au monolithe d'un site Web antérieur.

Non seulement ils ont décomposé et rasé des centaines de Ko de leur JavaScript, réduisant la taille de leur bundle de base de 650 Ko à 150 Ko, mais ils ont également amélioré les mesures de performances clés. First Meaningful Paint est passé de 4,2 s à 1,8 s et Time To Interactive est passé de 23 s à 5,6 s.

Pour les lecteurs intéressés par une étude de cas spécifique de Pinterest PWA, nous recommandons fortement cet article : Une étude de cas sur les performances de l'application Web progressive Pinterest.

Comment installer des applications Web progressives sur le bureau

Le processus d'installation d'une application Web progressive de bureau est assez simple et rationalisé. Votre étape la plus importante consiste uniquement à trouver l'adresse PWA correcte de votre application.

Dans notre tutoriel d'aujourd'hui, nous utiliserons Twitter comme exemple de Desktop PWA :

Étape 1 : À l'aide de Google Chrome version 70 et supérieure, rendez-vous sur https://mobile.twitter.com/home

Étape 2 : Vérifiez s'il y a un bouton (+) à l'extrémité droite de la barre d'adresse

ou s'il y a une option « Installer Twitter » dans le menu déroulant

Étape 3 : Cliquez sur Installer et le processus se terminera instantanément.

Étape 4 : Lancez votre PWA fraîchement installée depuis votre bureau.

Comment désinstaller les applications Web progressives sur le bureau

Pour les utilisateurs non concernés, la suppression de l'icône Desktop PWA est un moyen acceptable de désinstaller PWA. Cependant, pour les utilisateurs qui recherchent un moyen plus sûr de désinstaller les PWA, les étapes ci-dessous sont recommandées :

Étape 1 : Ouvrez votre PWA de bureau (dans ce cas, c'est Twitter )

Étape 2 : Sélectionnez « Désinstaller Twitter … » dans le menu déroulant

Étape 3 : Cochez ou décochez l'option suggérée puis cliquez enfin sur « Supprimer »

Et c'est tout! Votre Twitter PWA est maintenant complètement supprimé de votre ordinateur en quelques étapes simples.

Remarques finales

Desktop PWA est indéniablement la prochaine étape révolutionnaire dans l'interaction et la fonctionnalité des applications Web. Afin d'être en avance sur vos concurrents, les entreprises doivent adopter le mouvement PWA dès maintenant et rester attentives à l'évolution de la tendance dans le développement web/app.

Pour les marchands en ligne à la recherche d'une solution d'application Web progressive Magento parfaite et complète, chez SimiCart, nous proposons un package complet pour vous et votre magasin.