Progressive web app (PWA)

Ce qu'est une progressive web app

Une progressive web app, ou PWA, est un site web qui utilise les capacites modernes des navigateurs pour offrir une experience proche d'une application mobile native. Elle tourne sur le web ouvert, donc on l'atteint via une URL et elle est indexee par les moteurs de recherche, mais elle peut aussi etre installee sur un ecran d'accueil de telephone ou d'ordinateur, se lancer dans sa propre fenetre sans interface de navigateur, fonctionner hors ligne et envoyer des notifications push. En bref, elle brouille la frontiere entre un site et une application, offrant aux utilisateurs le confort d'une app sans telechargement depuis un magasin d'applications.

Comment cela fonctionne

Trois briques techniques font une PWA. Un manifeste d'application web est un petit fichier decrivant le nom de l'app, ses icones et la facon dont elle doit se lancer, ce qui permet au navigateur de proposer son installation. Un service worker est un script qui tourne en arriere-plan et peut mettre des fichiers en cache, permettant l'usage hors ligne et des chargements plus rapides, et gerer les notifications push. Et le HTTPS est requis, car ces capacites ne fonctionnent que sur des connexions securisees. Ensemble, ils permettent a un site normal de gagner l'installabilite, le support hors ligne et la fiabilite.

PWA contre application native

Une application native est construite specifiquement pour iOS ou Android, distribuee via des magasins d'applications, et peut utiliser toutes les fonctionnalites de l'appareil, au prix de bases de code separees et d'une validation en magasin. Une PWA est une seule base de code web qui fonctionne partout, se trouve via la recherche et se partage par lien, et s'installe sans magasin, bien qu'elle ait un acces un peu plus limite aux fonctionnalites de l'appareil, surtout sur iOS. Pour beaucoup d'entreprises, une PWA offre l'essentiel de l'experience d'une app a une fraction du cout et de la friction.

Pourquoi les PWA comptent

Les PWA abaissent la barriere entre un site et une application. Les utilisateurs peuvent les installer d'une pression au lieu d'un telechargement en magasin, ce qui reduit la friction et peut ameliorer l'engagement et les visites repetees. Le support hors ligne et le chargement rapide ameliorent l'experience sur les connexions faibles. Et parce qu'une PWA reste un site, elle conserve la portee, la partageabilite et le SEO du web, une seule base de code servant a la fois une visite normale et une experience installee proche d'une app. Pour les produits qui n'ont pas besoin de fonctionnalites natives profondes, c'est une voie intermediaire convaincante.

Les erreurs frequentes

Les pieges courants incluent qualifier de PWA n'importe quel site responsive sans le manifeste et le service worker qui en font reellement une, mettre le contenu mal en cache si bien que les utilisateurs voient des donnees perimees hors ligne, et attendre un acces aux appareils au niveau natif complet, surtout sur iOS ou le support est plus limite. Ajouter des fonctionnalites PWA a un site qui ne gagne rien a l'installation ou a l'usage hors ligne est aussi un effort gaspille.

Les progressive web apps chez BeBranded

Quand un projet beneficie d'une experience proche d'une app sans le cout du developpement natif, nous construisons des progressive web apps dans le cadre de notre travail d'applications web : des experiences installables, rapides et capables de fonctionner hors ligne sur une seule base de code web. Nous ajoutons correctement le manifeste, le service worker et la strategie de cache, pour que le resultat ressemble a une app tout en conservant la portee et le SEO du web. Nous conseillons aussi honnetement quand un simple site ou une vraie application native est le meilleur choix pour vos objectifs.