Progressive Web Apps.fr

Actualités & informations sur les PWA, le futur des applications mobiles

Site francophone spécialisé dans le domaine des Progressive Web Apps
Tout savoir sur les PWA, le futur du web !

Lire la suite

Les Progressive Web Apps en quelques mots

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 PWA en une image
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.

Exemple d'une PWA : Le Financial Times
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.

Nos articles sur les Progressive Web Apps

Définition des progressives web apps

Accéder

Présentation et définition des Progressive Web Apps pour ceux qui n'en n'ont pas encore entendu parler.

Les progressive web apps selon Google

Accéder

Un article traitant des PWA selon les critères de Google, mais aussi de leurs atouts en général.

Progressive Web Apps et IOS : Fonctionnement et futures évolutions

Accéder

Les PWA sont amenées à se développer sur toutes les plateformes, IOS est la seule à ne pas les avoir intégrés pleinement.

Le point de vue de microsoft sur les Progressive Web Apps lors de la conférence build 2017

Accéder

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