Je veux un site en PWA !

News
12.05.2020
  • Le PWA : c’est l’avenir !
  • c’est la rencontre d’une l’application mobile et du web
  • c’est une technologie poussée par Google, qui améliore le SEO et le taux de rebond.

S’informer, échanger, partager, jouer, acheter, Internet est devenu un l’outil incontournable de notre quotidien. Toujours à la pointe de la nouveauté technologique, la forme semble moins exposée aux évolutions. On finit par croire que les sites web ou les applications natives (mobiles ou desktop) restent les seules interfaces possibles. Et bien non ! Une technologie se développe à grands pas : la PWA pour Progressive Web APP.

Site web + App = PWA

La PWA c’est la formidable rencontre d’un site web et l’interactivité d’une application native. Une page web nécessite une recherche via les moteurs de recherche pour pouvoir ensuite profiter des services proposées (exemple d’un site e-commerce). L’application, quant à elle, doit être téléchargée pour pouvoir profiter de ses avantages comme les notifications et la personnalisation.  Ces deux technologie sont contraignantes sur mobile (poids des données, performance instable, interactivité limitée,…)

La PWA entre en scène :

  • RAPIDITÉ :
    • Navigation instantannée = expérience client améliorée
    • Consommation des données et poids limité
    • Mises à jour réalisées par push en totale transparence
  • SEO : Référencée par les moteurs de recherche et privilégiée par Google
  • CROSS PLATEFORM : Téléchargeable sur le web et disponible ensuite sur l’écran d’accueil (mobile, desktop)
  • PUSH : Accès aux notifications (push mobile et desktop)
  • CACHE : Affichage des contenus hors connexion
  • ÉCONOMIOQUE : Développement moins coûteux qu’une application

La Progressive Web App se démarque donc, notamment en répondant à l’un des objectifs le plus récurrent : la rapidité. Et rompt enfin avec notre peur des chiffres :

  • 53% des mobinautes abandonnent un site si il met plus de 3 secondes à charger,
  • un e-shop perdra environ 20% de conversion,
  • un site perdra son classement sur les SERPs.

La PWA sonnerait donc la fin de cette quête de vitesse : compression, webp, caches, AMP… ?

Comment ça marche ?

Développée par Google en 2015, l’interface est battit à partir de : App Shell, Service Worker et Manifest.

  • App Shell participe à la rapidité de la PWA, l’interface ne se charge pas à chaque visite de l’utilisateur, elle se met à jour au fil de l’eau.
  • Le service worker permet de contrôler les demandes du réseau, mettre en cache ces données et fournir un accès hors ligne aux contenus.
  • Le manifest, va permettre l’installation de la PWA sur l’écran d’accueil et permettre à l’internaute d’accéder aux services plus rapidement. 

Concrétement ?

PWA pour les Voeux 2020 de l’Agence

La PWA permet de créer des interfaces aussi créatives et ergonomiques que les autres. Aucune perte de créativité ou d’esthétisme avec la PWA, l’expérience utilisateur est pensé au format responsive comme en desktop.

voir la dernière PWA de l’agence pour les voeux 2020.

Également réalisée en application native, la PWA a tout de suite été adoptée plus rapidement ! Une application publiée sur les stores demande un engagement beaucoup plus important. Le téléchargement représente toujours un frein.

En Live, c’est encore mieux !

Couplée avec des technologies « Live » de type Firestore votre PWA devient un véritable outil de communication temps réel et d’échanges communautaires.

Exemples de nos réalisations

Pour aller plus loin : ils sont passés à la PWA

Des marques comme Twitter, Instagram, Google Drive, Lancôme, Pinterest, ou encore L’Équipe… l’ont compris.

Dans le but d’offrir une expérience utilisateur optimale et plus rapide, les marques ont intégré la PWA dans leur modèle. Elles n’ont pas pour autant abandonner leurs application native, ni leur site web.

Quelques chiffres :

  • Twitter Lite «  75% de tweets envoyés en plus, 65% de tweets vus supplémentaires, 20% de taux de rebond en moins. »
  • Pinterest « 800 000 utilisateurs hebdomadaires et 843% d’inscriptions en plus. »
  • Lancôme « une augmentation de 53% de la durée des sessions ».

La PWA réserve encore bien des surprises, notamment des combos PWA et WordPress = Progressive WordPress.

Si vous souhaitez échanger avec nous sur le sujet ou si vous souhaitez l’adopter dès maintenant. N’hésitez pas à nous contacter !

Crédit photo :
Photo by Rodion Kutsaev on Unsplash