Développer une Progressive Web App

Un site internet qui intègre des fonctionnalités jusque-là réservées aux applications mobiles, c'est à présent possible avec les Progressives Web Apps !

Aujourd’hui, on constate que l’audience mobile dépasse celle sur PC et que, même si le téléchargement d'applications augmente continuellement, très peu sont pour autant utilisées.Sachant qu'elles prennent aussi de plus en plus de place dans nos smartphones, une alternative en performance existe afin d'être plus en accord avec les usages des consommateurs : la Progressive Web Application.

 

Les français ont 46 applications installées pour 19 utilisées chaque mois
source Baromètre des usages mobiles édition 2018

Qu'est-ce qu'une Progressive Web App ?

La Progressive Web App (PWA) est une solution hybride entre une application mobile native et un site Web Responsive. Elle intègre les meilleures techniques du Web tout en reprenant les fonctionnalités des applications natives. La Progressive Web App est donc pensée comme un site Web (UI) mais se comporte comme une application mobile (UX), tout en offrant des avantages supplémentaires :

  • Affichage en plein écran
  • Parfaitement adapté à la navigation mobile
  • Icône de lancement rapide sur le bureau
  • Chargement instantané
  • Envoi de notifications
  • Fonctions d'Email Marketing
  • Outils d'analyse intégrés
  • Possibilité de recherches vocales
  • Fonctionnalités hors connexion
  • Pas d'installation requise
  • Peu de mémoire nécessaire au fonctionnement
  • Pas de délai d'attente pour la mise à jour, contrairement à une publication sur les stores (App Store, Google Play…)
  • Référencement naturel facilité
  • Responsive Design pour tous les supports d'écrans (smartphone, tablette, ordinateur…)
  • Sécurité renforcée (protocole HTTPS)

Pourquoi utiliser une Progressive Web App ?

Conçues pour le web mobile, les PWA visent avant tout à améliorer l’expérience utilisateur en réduisant le temps de chargement des pages sur mobile. L’objectif principal d’une PWA sera donc d’améliorer vos résultats de consultation et de conversion sur mobile.
Ce type d’application est parfaitement adapté aux projets e-commerce souhaitant se développer pour répondre à la présence grandissante de leur audience sur supports mobiles.

D’ici 2020, le commerce mobile représentera 70% de toutes les activités e-commerce en France
source retailmenot 2019

  • Facilité de mise en place sur un site existant : si votre site a été pensé en version responsive pour s’adapter aux supports mobile, alors il sera simple d’ajouter la partie PWA
  • Multisupports : une PWA n’a pas besoin de développement natif (iOS, Android, Windows phone, etc.)
  • Optimisation des temps de chargement par 3
  • Meilleur taux d'ouverture et d'engagement
  • Division par 2 du taux de rebond
  • Augmentation constatée de 30 à 80 % du clic et de la conversion e-commerce
  • +20% de pages consultées par visite en moyenne
  • Référencement naturel facilité : Google favorise les sites ayant une PWA
  • Sécurité renforcée : protocole HTTPS

Une Progressive Web App est-elle compatible avec tous les navigateurs ?

Les PWA utilisent les standards du web (HTML5, CSS, Javascript) et fonctionnent donc sur la plupart des navigateurs. Elles s'adaptent d'ailleurs aux différentes résolutions du support utilisé et aux capacités du navigateur. Néanmoins, certaines fonctionnalités sont encore mal interprétées selon la version de l'outil de navigation.

La tendance actuelle est plutôt à la vulgarisation de ce dispositif car il permet d'élargir l'expérience utilisateur. la prise en charge des PWA évolue donc jour après jour de façon exponentielle.

Les PWA sont-elles néfastes au référencement sur Google ?

Google a plutôt tendance à faire la promotion des Progressives Web Apps et ceci pour 2 raisons :

  • Google conserve les internautes sur son navigateur et évite les ruptures web/application
  • Les PWA permettent de créer des applications légères, évolutives et faciles à mettre à jour.

Votre référencement naturel sera donc favorisé si votre site propose une version PWA !

* champs obligatoires

Demandez-nous conseil pour votre PWA

Parlez-nous de votre projet

Présentez-vous

Laissez-nous un message