Progressive Web Apps - L'avenir du Web moderne?

Ces dernières années, les applications Web progressives (PWA) font l’objet de discussions, en raison notamment de leur étonnante convivialité et de leur expérience utilisateur unique. Avec les fonctionnalités combinées de sites Web et d'applications natives, les PWA deviennent une norme pour les applications Web multi-périphériques. permettant aux développeurs de créer des applications dynamiques à chargement rapide sans utiliser de framework hybride.

Je crois que les applications Web progressives sont la avenir des sites web - et dans la suite de la rédaction, je discuterai de ses avantages et de ses cas d'utilisation afin de vous donner une vue d'ensemble. Passons à cela.

Que sont les applications Web progressives??

Le terme “Applications Web progressives” Alex Rusell (développeur de Google Chrome) et Frances Berriman (designer) ont été les premiers à être inventés. Alex a partagé son idée sur Progressive Web Apps qui “Ces applications ne sont pas packagées et déployées dans les magasins, elles sont juste sites Web qui ont pris toutes les bonnes vitamines“.

“Les sites qui souhaitent vous envoyer des notifications ou être sur votre écran d'accueil doivent acquérir ce droit avec le temps, à mesure que vous les utilisez de plus en plus. Ils deviennent progressivement “applications”“, a écrit Alex au sujet de l'appiness de PWA. Enfin, il a conclu, “ces applications peuvent offrir un même meilleure expérience utilisateur que les applications Web traditionnelles“.

Applications Web vs applications Web progressives

Les applications Web, ou applications Web traditionnelles, sont les applications côté client qui exécuter directement dans un navigateur Web. Bien qu'ils soient meilleurs que les sites Web, ils ont néanmoins leurs problèmes. Si vous ne connaissez pas la différence entre les applications Web et les sites, celles-ci diffèrent des sites Web car elles ressemblent à des applications natives..

Cela étant dit, les applications Web progressives sont la prochaine génération d'applications Web qui fonctionnent plus comme des applications natives en utilisant les améliorations natives de l'appareil. Par exemple, les applications Web progressives peuvent utiliser les fonctionnalités natives comme l'appareil photo, les balises, etc. ainsi que des fonctionnalités telles que le cache hors ligne, les notifications push, etc..

Pourquoi avons-nous besoin d'applications Web progressives??

Nous avons, d'une part, des applications natives incroyablement rapides et fiables, même dans les pires situations, comme une connectivité lente ou inexistante. Cependant, nous avons des sites Web et des applications Web, en revanche, lents et ne fonctionnent pas bien sans réseau. C'est pourquoi la plupart des gens préférer les applications natives.

Accelerated Mobile Pages (AMP), un projet encouragé par Google, a été lancé en 2016 pour résoudre les problèmes de connexion lente, en particulier sur les smartphones, et offrent une meilleure expérience utilisateur aux utilisateurs mobiles. Cependant, AMP ne résout pas les problèmes d'absence de problèmes de réseau. En outre, il ne réduit pas le temps de chargement autant que les applications natives et, encore une fois, il possède peu de limitations pour atteindre cette vitesse..

C'est pourquoi nous avons besoin d'applications Web progressives. Les PVA fournissent la meilleure expérience utilisateur possible en réseau lent ou inexistant conditions. Par exemple, PWA peut afficher un écran de progression lors du chargement du contenu ou un écran de démarrage en l'absence de connectivité Web..

Pourquoi les applications Web progressives ont-elles du sens??

Comme spécifié dans le rapport 2017 US Mobile App Report de comScore, les utilisateurs d'applications dépensent presque 77 pour cent de leur temps sur leurs trois meilleures applications, Les autres applications restent inactives tout en bloquant les ressources système, y compris la mémoire. En outre, il partage également que 50% des utilisateurs ne téléchargent aucune application par mois. Ce fait suggère que les utilisateurs hésitent à installer de nouvelles applications, et donc PWA a un avantage.

Je trouve que les gens vont surtout pour les sites Web sur les ordinateurs de bureau, mais préférer les applications sur les appareils mobiles (applications natives, bien sûr). La raison en est que les ordinateurs offrent beaucoup plus de ressources réseau que les smartphones et que les applications consomment moins de ressources que leurs sites Web homologues. En outre, ils sont rapides et fiables.

De plus, les applications natives coûtent beaucoup plus cher que les sites Web - jusqu'à cinq à dix fois plus, selon le type de projet. En outre, leur coût peut être multiplié s'il est nécessaire de développer des applications natives pour plusieurs plates-formes (par exemple Android et iOS) avec différentes bases de code. Cependant, PWA peut aider minimiser ces coûts de développement élevés, grâce à son support pour différentes plateformes.

Fonctionnalités progressives des applications Web

Les applications Web progressives possèdent de nombreuses fonctionnalités directes qui les distinguent de leurs homologues plus simples, à savoir les applications Web (ou plus simples - les sites Web):

Sensible. Travaillez sur tous les appareils de toutes les tailles d'écran.
Hors ligne en premier. Charge également dans un réseau lent ou inexistant.
Sensation d'app-like. Regardez et interagissez comme une application native.
À jour. Mise à jour de leur propre chef, presque de manière transparente.
Coffre-fort sécurisé. Utiliser HTTPS pour charger des ressources de page.
Découvrable. Diffuser du contenu sur les moteurs de recherche.
Ré-engageable. Ré-engager, par exemple en utilisant des notifications.
Installable. Peut être placé sur votre écran d'accueil.
Linkable. Charger des pages de type application, mais avec des URL.

Ce que je trouve intéressant, c’est que les applications Web progressives ne ressemblent pas seulement à des applications natives, accès aux fonctionnalités natives de l'appareil. Cela signifie qu'un PWA peut prendre une photo de vous en utilisant la caméra de votre appareil. Cependant, je dois dire qu’il n’a pas accès à des fonctionnalités limitées telles que la localisation, le téléphone ou les SMS..

Remarque: Vous pouvez en savoir plus sur ses fonctionnalités et d'autres détails dans ce post.

Création d'applications Web progressives?

Google fournit un “Progressive Web App Checklist” - une liste détaillée pour aider les débutants à créer des applications Web progressives. Cette liste de non-guides partage le fonctionnalités nécessaires pour créer des PWA - une “PVA de base” Et un “PWA exemplaire”; le premier répertorie les éléments cruciaux pour une application de base et le second pour une application avancée.

De plus, il existe divers outils pour vous aider à construire un PWA. Par exemple, Lighthouse est un logiciel libre et open-source. outil pour améliorer une page Web y compris des contrôles de qualité pour l'accessibilité, les performances et les fonctionnalités PWA. Workbox est un autre outil très utile, qui permet de: créer des applications avec une première expérience hors connexion.

Les applications Web progressives sont-elles l'avenir??

Bien que Progressive Web Apps ne résolve pas tous nos problèmes d’application et ne remplace pas les applications natives dans un futur proche, je pense néanmoins que cela jouera un rôle important, grâce à: ses avantages qui sont bien plus que ses limites. Et avec presque toutes les grandes plateformes qui commencent à supporter les PWA, ce n’est pas loin, nous les verrons partout.

Apple a introduit les fonctionnalités PWA (API Web) dans Safari 11.1, notamment l'API Beacon, les opérateurs de services, le manifeste d'applications Web, etc. apportant ainsi les PWA à iOS bientôt si pas déjà. Google a déjà pris en charge les PWA dans Chrome pour Android et envisage de l’utiliser également sur les plates-formes de bureau. Microsoft a également ajouté la prise en charge des PWA dans Microsoft Edge et les répertoriera également dans Microsoft Store..

Qu'est-ce que tu penses - Les applications Web progressives sont-elles l'avenir?? Laissez-moi savoir directement à @aksinghnet ou écrivez un commentaire dans la section commentaires ci-dessous pour laisser votre réponse..