Les Progressive Web App (WPA) c’est quoi ?

Les Progressive Web App (PWA) s’insèrent sur le marché comme un nouveau format de délivrance d’information dans un monde résolument tourné vers le mobile. Elles détiennent des avantages à la fois pour les entreprises, les éditeurs et les utilisateurs.

Afin de bien comprendre le contexte dans lequel les PWA s’intègrent, faisons un point sur les faits et les usages mobiles.

Faits et usages mobiles

Le nombre de recherches sur mobile et tablette sont en augmentation en France ces dernières années et le nombre de recherches sur desktop est donc en baisse. En juin 2017 le smartphone était l’équipement le plus utilisé pour se connecter à internet (42%) et dépassait l’ordinateur (38%).

Aujourd’hui, quand on veut accéder à internet via le mobile c’est :

• soit via un navigateur.

• soit via une application.

Constats d’usages via un navigateur

• Il faut saisir une URL pour accéder au site.

• Le site doit être responsive.

• Sans connexion internet le site ne s’affiche pas.

• Temps de chargement : quand la page met trop de temps à se charger, le taux d’abandon est élevé.

Constats d’usages via une application (plateformes Androïd ou iOS)

• Au préalable il faut avoir téléchargé l’application pour l’utiliser.

• 2 utilisateurs sur 10 n’utilisent pas l’application après l’avoir téléchargé.

• Sur 4 applications téléchargées, seulement 1 seule est réellement utilisée par la suite.

Google rebat les cartes

L’indexation mobile first

Désormais le contenu du site en version mobile sera de plus en plus souvent utilisé par Google pour l’indexation. En effet, à partir de maintenant, dans les résultats de recherche (les SERP), Google va afficher les résultats des pages en version mobile. Les pages mobiles et les pages desktop seront donc classées ensemble. Désormais, l’index de Google est prioritairement pensé mobile et de façon secondaire desktop.

Accelerated Mobile Pages (AMP)

Lancée en 2016, Google souhaite, aujourd’hui, faire de sa technologie AMP un standard. AMP permet d’accélérer la vitesse de chargement des pages web sur mobile ce qui diminue fortement le taux d’abandon. Le contenu de type AMP répond à un ensemble de critères de performance sur mobile.

Concept Mobile first

Mobile first est un concept qui consiste à penser la conception d’un site en version mobile en priorité. C’est à partir de la version mobile que le site est adapté progressivement pour tablette et desktop. L’expérience sur mobile est plus ergonomique et plus fluidifiée.

Progressive Web App

La Progressive Web App est un site web qui apparaît au mobinaute de la même manière qu’une application mobile native (Androïd, iOS).

La PWA a pour vocation d’apporter une expérience similaire à celle sur les applications mobiles classiques (techniquement, elle repose sur des langages standards : HTML, CSS et JS). Le concept et le terme de Progressive Web App provient de Google qui a également établi une liste de caractéristiques que les PWA doivent respecter.

PWA, comment ça fonctionne ?

Elle se consulte comme un site web lambda depuis une URL. La PWA s’affranchit des contraintes des applications mobiles telles que : répondre aux contraintes et règles des stores ou encore gourmandes en mémoire. Les coûts de développement web liés aux différentes plateformes (iOS et Androïd) n’existent plus, étant donné que la WPA est consultable depuis un navigateur web.

Comment les PWA offrent-elle la même expérience utilisateur que les applications natives iOS et Androïd ?

Il est possible d’utiliser les fonctionnalités natives du téléphone dans une PWA, comme la géolocalisation, l’appareil photo, la caméra vidéo, le micro, la vibration, l’état de la batterie, le bluetooth, etc.

Avantages pour les utilisateurs et pour les entreprises sont multiples :

• PWA est référencée sur Google : que ce soit du SEO ou encore du SEA, la PWA est indexée par les moteurs de recherche (bien évidemment, elle ne peut pas être référencée sur Google Play ou l’Apple Store).

• PWA utilise les notifications push : il est possible d’envoyer des notifications push (par le biais d’une API ou d’une solution SaaS spécifique).

• PWA est installable directement sur les smartphones & est accessible directement via le bureau : l’application est accessible via un raccourci présent sur le bureau. Elle s’exécute comme une application classique en dehors du navigateur. Elle supporte l’affichage en plein écran en mode portrait et paysage.

• PWA se charge rapidement : une PWA fait appel aux techniques classiques de chargement de pages (cache navigateur, compression GZIP etc.) A la première visite, l’interface chargée par l’utilisateur va être mise en cache. Pour la page suivante, seul le contenu sera à charger, c’est le même fonctionnement que pour une application native.

• PWA fonctionne sans connexion internet : les techniques dédiées à accélérer le chargement des pages permettent également de faire fonctionner la PWA en mode offline.

Bocasay met à disposition de ses clients, des équipes de développement qui sont en capacité de développer des PWA. Nos collaborateurs techniques détiennent une expertise élevée dans le développement d’applications mobiles.

Toute l’actualité dédiée à l’offshore informatique est accessible ici.