Les PWA ou webAPK sont tout simplement le (proche) futur du net. Tous les sites vont se restructurer sous cette forme. Elle permettra d’y assembler le meilleur du web avec le meilleur des applications. Pour en savoir plus je vous invite à aller voir la définition des Progressive Web Apps.
Pour faire simple, les sites seront accessibles et s’adapteront à tous types de device, ils se transformeront donc en app sur mobile, n’auront pas besoin d’être téléchargés, se mettront à jour automatiquement, généreront des alertes et notifications. Nous sommes donc sur le point d’accéder à la performance ultime de la navigation multi-device. Cette technologie deviendra donc, comme le responsive l’est devenu, un incontournable.
Les applications web progressives en une image
D’où vient ce nom ? “Progressive Web Apps”
Ces sites internet ou applications mobile - vous pouvez choisir à votre guise dans quelle catégorie vous souhaitez les placer, car la frontière est floue voire inexistante avec cette technologie - ont la capacité de se lancer sur une grande quantité de navigateur internet sans aucune barrière comme par exemple la taille de l’écran ou les spécifications techniques.
“La principale raison de leur appellation progressive est liée à l’expérience devant progressivement meilleure selon le device ou appareil utilisé.” A pu dire David Merrell, mobile product manager chez le Washington Post.
Sur les appareils moins sophistiqués, comme les vieux Blackberries, une PWA peut fonctionner en étant dépouillée de certaines de ses caractéristiques. Si vous passez sur un ordinateur ou une tablette numérique comme une galaxy tab récente, les fonctionnalités vont progressivement apparaître et l’expérience va donc muter de manière progressive. Ces progressive apps sont donc reconnues de manière universelle.
Un exemple de Progressive Web Apps, le Financial Times
Cela signifie que pour les développeurs, les éditeurs et les marques pourront avoir une application faisant office de site internet fonctionnel, et ce, sur toutes les plateformes allant de l'ordinateur au mobile. L’investissement sera donc réduit en enlevant la nécessité de développer une application par plateforme.
Quels autres atouts ont-elles ?
L’appellation “progressive” peut se comprendre en d’autres manières. Les progressive web apps récoltent plus d’informations à propos de l’utilisateur même s’il n’est pas connecté. En effet, si un mobinaute visite le même progressive website plusieurs fois, un message l’invitant à l’installer sur son écran d'accueil peut apparaître. La progressive web app peut aussi proposer des notifications push à l’utilisateur, exactement de la même manière qu’une application native. Elles sont par ailleurs accessibles en hors-ligne, mais aussi peuvent se mettre à jour dynamiquement et sans installation.
Ces PWA sont, en plus de tous ces avantages, amenées à se perfectionner en s’intégrant plus aux différents appareils. Par exemple, elles pourront utiliser le bluetooth pour communiquer avec d’autres appareils connectés de “IOT” (L’internet des objets). Ces applications progressives pourront aussi fonctionner comme des assistants personnels comme “Siri” ou “Google assistant”, en étant contrôlable via les commandes vocales.
Les technologies derrière une Progressive Web App
Une PWA est au final un site internet comportant des technologies bien spécifiques comme l'architecture "Application Shell" qui est une forme de cache qui se charge instantanément au lancement de l'application ne nécessitant pas de connexion internet. C'est une base pour le contenu, qui lui se charge dynamiquement. Les service workers sont aussi une technologie centrale des Progressive Web Apps. En quelques mots, ce sont des scripts qui fonctionnent en arrière-plan permettant le mode off-line, l'envoi des notifications push et la mise à jour de la PWA. Nous retrouvons aussi le manifeste des application web qui lui permet de spécifier ces différents aspects de l'application web progressive :
L'affichage en plein écran
L'icône de la PWA
La langue
Le nom et le nom raccourci
L'orientation (paysage, portrait) par défaut ou autorisée
Le Slpash screen (écran de chargement)
La couleur par défaut de la PWA
AMP, PWA ? Quelles différences ?
Accelered Mobile Pages sont des pages web ayant la capacité de le charger rapidement si ce n’est instantanément sur mobile. Et les Progressive Web Apps sont une forme d’évolution et d’amélioration de ce projet. Elles sont aussi rapides que les AMP, mais avec un lot de fonctionnalités supplémentaire.
Cependant, les AMP sont actuellement indexées exactement comme un site web classique sur les moteurs de recherche comme Google, en particulier chez les différents médias qui disposent quasiment tous de cette technologie.
Face à elles, une progressive web app demande plus d’optimisation pour être indexé car elle ne dispose pas exactement de la même architecture qu’un site internet.
Des débuts prometteurs, mais une adoption pas encore généralisée
Les progressive web apps sont encore récentes, et les acteurs du marché sont encore en train de les tester. A partir du moment où elles auront fait leurs preuves on peut parier sur une adoption généralisée, en particulier chez les e-commerçant comme a déjà pu le faire Aliexpress ou Flipkart. Les PWA ont de meilleurs taux de conversion et surtout une rentabilité optimale en réduisant les coûts de développement et de maintenance.
Lors de la conférence Build 2017 Microsoft a pu donner des informations par rapport à sa position face aux PWA. La firme souhaite d'ailleurs les intégrer à son OS, Windows 10
Vous souhaitez plus de renseignements ?
N'hésitez pas à nous contacter et nous serons ravis de prendre contact avec vous dans les plus bref délais
