Site icon Stylistme

Progressive Web App la solution ultime pour créer un site mobile ?

progressive web apps la solution ultime pour réaliser un site web mobile

 Progressive Web App la nouvelle technologie web design pour faire des applications mobiles plus vite et qui boost vos conversions par Rodolphe Degandt [datedermaj]

Progessive web App l’une des 12 actions pour améliorer votre site en 2018

 

Progressive Web App 2018

Les Progressive Web Apps sont des applications mobiles qui n’ont pas besoin d’être téléchargées. À l’initiative de Google, les PWA sont le top pour les utilisateurs de mobiles (surtout sous Android). Elles mélangent les avantages d’un site responsive et d’une application mobile native. Une véritable avancée technologique qui souffre, encore à ce jour, d’un inconvénient. Elle ne fonctionne que partiellement sur iOS/Safari. Les WPA permettent toutes les formes de web design pour un parcours utilisateur optimisé (UI — (Interface Utilisateur et UX — eXpérience Utilisateur.

Les avantages d’une progressive Web App en 2018

 Clairement, les progressive web app devraient rapidement remplacer les app mobiles natives, surtout pour les projets sur iOS dont les règles sont de plus en plus draconiennes.

Une application mobile plus rapide

La moitié des mobinautes abandonnent un site, lorsqu’il met plus de 3 secondes à s’afficher. Une PWA charge quasi instantanément, encore mieux qu’un site web compatible mobile (responsive design).
Un test réalisé sur la WPA du Washington Post montre un délai de chargement trois fois plus vite que la version portable « classique ».

Non seulement la WPA est plus rapide d’un site mobile, sauf peut être si on le compare à une page AMP. Mais surtout la Web app progressive n’a plu besoin de se connecter à un store pour être téléchargé.

Enfin, et c’est aussi un argument en faveur des WPA, sur les portables à faible capacité, elle ne se stocke pas dans la mémoire interne, mais utilise le cache du navigateur. Et cela reste vrai, même en mode déconnecté.

Sécurisée

Les PWA exploitent et imposent le protocole HTTPS sur l’intégralité de l’application. Ainsi la sécurité des données est garantie.

Les fonctions interactives d’une vraie app mobile

L’avancée technologique repose sur l’intégration des fonctionnalités jusque là réservées aux applications mobiles natives. Les PWA offrent donc de nombreuses possibilités :

Rapide et Interactive = Conversion en hausse

Les Progressives Web Apps ont déjà séduit des e-commerçants pour son efficacité.

FlipKart, l’Amazon Indien, a abandonné son site mobile au profit de son WPA en 2015. Résultat, une hausse de + 70 % de son taux de conversion.

Démonstration vidéo de la progressive web app de FlipKart :

 

Des exemples de Progressive Web pour découvrir la puissance de cette technologie ?

Je vous ai sélectionné quelques progressive web apps, qui fonctionne parfaitement dans le navigateur Chrome. Pour que vous ayez des surprises, je n’ai pas mis d’image ni de son…

 

Envie de lancer votre premier Progressive Web App ?

Comment créer ou réaliser la refonte de votre site en PWA ? Pour le développement web, une bonne base de HTML5, CSS, JavaScript, JQuery est recommandé. Mais Google met à votre disposition sur sa plateforme développeur tous les outils nécessaires et la méthode pour réaliser votre PWA.

En complément, une check-list avant de publier officiellement votre chef-d’œuvre. Mieux encore lighthouse est un outil automatisé gratuit pour corriger les bugs et optimiser vos pages PWA.


Lexique

Alors, Progressive Web App est-elle LA solution pour un site web ou une app mobile ?

Et bien pour moi, les PWA proposent la plus grande richesse technologie actuelle afin d’offrir la meilleure expérience utilisateur. Elle permet d’avoir un site web et une app mobile au top de ce qui de fait en ce moment.
Un parcours client bien conçu profitera de la rapidité, l’interactivité, la sécurité et une efficacité prouvée en conversion.
De plus, développer et maintenir une progressive web app sera plus économique que de réaliser et mettre à jour un site web et aux moins 2 applications mobiles pour iOS et Android.

Cependant restent quelques blocages sur iOS/safari. Mais surtout, vous devrez repenser votre référencement naturel pour acquérir de la visibilité. Car avec une progressive web app vous pouvez faire du SEO, contrairement à une application distribuée dans un store. Et pour l’instant, la meilleure option est d’avoir du contenu de qualité. Il va donc falloir faire du contenu aussi optimisé pour mobile.

La solution idéale serait-elle : PWA + AMP ? Le PWA pour l’expérience utilisateur et l’AMP pour référencer le contenu sur index mobile first. En tout cas Google nous impose propose un vrai challenge !

Un atout pour la transformation digitale des entreprises et e-commerçants. Pour une action efficace une bonne technologie pour réaliser son application mobile ou son site avec un design actuel (voir les tendances UX design 2017).

Mon rêve qu’une de nos startups françaises de la French Tech conçoive un nouveau CMS dédié compatible PWA. Bref, pouvoir créer un site internet en mode Web app sans savoir coder. Alors les spécialistes des applications Web OrNsoft ou Good Barber ce n’est pas pour vous ce projet ? 

Comment passer son site WordPress en Progressive Web App

L’année dernière je rêvai d’un CMS compatible PWA, et bien nos amis de chez SuperPWA ont réalisé un plugin WordPress ui est une merveille de performance et d’efficacité. Il suffit de l’installer et de l’activer ! C’est tout !

Ce plugin WordPress PWA assure toutes les fonctionnalités nécessaires pour optimiser votre site, sauf  les push notifications qui sont déjà sur la roadmap des développeurs.

Résultat de performance avec Lighthouse, le tout nouvel outil d’audit de site intégré dans l’inspecteur de Google Chrome : 

 

Quitter la version mobile