Progressive Web Apps (PWA) : tout ce que vous devez savoir

Les smartphones sont des appareils conçus pour utiliser des applications, des applications et encore des applications. Selon Recherche Forrester, de la temps total que nous passons à regarder notre téléphone, le 85%, nous le faisons dans une application. Nous utilisons toutes sortes d'applications : réseaux sociaux, chats, lecteurs de musique, etc. Les applications sont généralement si bien optimisées qu’elles se sont déjà révélées suffisamment efficaces pour répondre à la rapidité requise pour une bonne expérience. D'autre part, nous trouvons des sites Web mobiles qui, bien qu'ils aient déjà atteint des niveaux d'optimisation incroyables et soient facilement accessibles compte tenu de la puissance des appareils actuels, Ils sont encore un peu lourds et manque d'intégration pour notre navigateur habituel. Des entreprises comme Facebook et Google ont commencé à préparer des initiatives pour résoudre ce problème de performances sur les sites mobiles, à travers des actions telles que Articles instantanés sur Facebook et Pages mobiles accélérées par Google. Cependant, ces décisions qui recherchent une plus grande fluidité ne résolvent pas le problème, entraînant des versions Web en couches ou plus limitées en termes de contenu. En guise de solution, de plus en plus de sites Web proposent la possibilité de télécharger l’application mobile native pour une expérience optimisée. Mais et si les sites mobiles avaient la même qualité et les mêmes performances qu’une application native ?

Applications Web progressives: Applications chargées directement depuis votre navigateur

Applications Web progressives  ou PWA sont sites Internet hébergés sur un serveur et accessibles depuis le navigateur mais présentés à l'utilisateur comme s'il s'agissait d'une application native iOS ou Android, offrant presque les mêmes fonctionnalités avec une plus grande accessibilité à la navigation puisqu'ils ne sont qu'à un seul lien. PWA se lance depuis n'importe quel onglet Chrome, chargeant uniquement la vue que l'utilisateur a devant lui et la télécharge au fur et à mesure qu'il la parcourt, stockant les données dans le cache de votre appareil pour éviter le téléchargement à chaque utilisation et enfin fonctionnant de manière fluide comme une application puisqu'elle est déjà stockée dans la mémoire du téléphone. L'intégration du PApplication Web progressive avec l'appareil et la réception par les navigateurs est telle qu'ils commencent à admettre des fonctions qui étaient auparavant exclusives aux applications natives comme la géolocalisation, les notifications ou l'utilisation hors ligne. De plus, le concept du « web qui devient une application » offre au site Web une navigation plus rapide, un design adapté aux téléphones mobiles avec différentes spécifications et tailles d'écran et même un raccourci sur la page d'accueil. Une fois visitée pour la première fois, la PWA utilise les capacités des navigateurs modernes pour offrir une expérience utilisateur aussi performante qu’une application native. Il convient de noter que ces applications sont différentes d'une application hybride, qui utilise du HTML5 enveloppé dans un wrapper d'application natif, mais en attente d'installation via un App Store, avec les avantages et les inconvénients que cela implique.

Avantages d'un PApplication Web progressive 

Avantages d'une PWA pour l'utilisateur

Le principal avantage pour l’utilisateur est qu’il n’a pas besoin de télécharger une application. Il n'est pas nécessaire d'aller sur l'App Store, d'attendre que l'application soit téléchargée, puis de l'ouvrir.

Les avantages techniques d'un Application Web progressive

• Est sensible, il s'adapte donc facilement à n'importe quelle résolution ou format d'écran.
• L'application peut fonctionner même lorsque l'utilisateur est hors ligne, à condition qu'il l'ait déjà utilisée en ligne.
• L'utilisateur n'a pas besoin de « télécharger une mise à jour de l'application » de temps en temps, puisque tout se trouve sur le Web. La prochaine fois que l’utilisateur ouvrira l’application, la nouvelle version sera déjà là.
• Le contenu de l'application est servi avec TLS pour empêcher les intrusions, ce qui la rend sécurisée.
• Il est compatible avec Stratégies basées sur le référencement, ainsi tous les moteurs de recherche peuvent trouver le contenu des applications.
• Les applications Web progressives vous offrent vous permettre d'envoyer des notifications push aux utilisateurs, les invitant à la récidive.
• Il permet aux utilisateurs d'inclure un accès direct au Web depuis leur écran d'accueil, comme s'il s'agissait d'une application.
• Il est plus facile de partager votre contenu puisque cela dépend uniquement de l'envoi d'un lien à quelqu'un d'autre.

Témoignages de réussite d'applications Web progressives

Flipkart, PWA basée sur le commerce électronique

C'est le Le plus grand magasin de commerce électronique d'Inde. Ils ont créé Flipkart Lite, qui est la version PWA de leur application d'origine, ce qui a entraîné une augmentation de 70% des conversions de ventes. De plus, l’application Flipkart Lite a connu d’autres succès impressionnants :

• Le temps passé par les utilisateurs sur le site a été multiplié par 3
• Un 40% plus d'engagement
• La consommation de données a été réduite à près d'un tiers de ce qu'exigeait la version Web complète

The Washington Post, combinaison d'AMP et de PWA

Environ 55% de votre trafic provient d'appareils mobiles, améliorer l'expérience de lecture sur les appareils mobiles serait donc une tâche fondamentale s'ils voulaient maintenir leur position de média de référence à long terme. Pour y parvenir, ils se sont fixés pour objectif de charger leur contenu le plus rapidement possible sur les téléphones mobiles tout en indexant leurs articles dans les moteurs de recherche. Ils ont donc exclu l'option d'une application hybride. Bien qu'ils s'appuient sur des fonctionnalités avancées telles que les vignettes, les détails du texte et les liens dans leur application Web progressive, ils ont atteint leur objectif et amélioré leurs données :

• 23% augmentation de la fidélisation des utilisateurs à partir d'une recherche mobile sur 7 jours
• Amélioration 88% du temps de chargement du contenu AMP par rapport au Web mobile traditionnel
• Plus de 1 000 articles publiés par le Washington Post dans un format entièrement convivial

Pour de nombreuses entreprises qui produisent du contenu original, cela peut être un moyen de générer des leads, d'atteindre de nouveaux publics et de commencer à créer des liens avec des utilisateurs qui n'auraient pas utilisé l'application dans une autre situation mais qui la trouvent beaucoup plus accessible grâce à un simple lien.