Mots-clés

Application Web vs application mobile

Les sites et applications web sont omniprésents autour de nous. D’ailleurs, le Web doit son existence à l’ensemble des pages qui le constituent et qui sont liées par les hyperliens. Or, les sites Web sont devenues de plus en plus chargés de contenu diversifié comme les textes, les images, les vidéos, et autres médias utiles à l’exécution des pages comme les scripts, les fichiers de styles et les polices. Donc, si le site n’est pas optimisé comme il se doit, cela engendrera un problème de fluidité et de réactivité, sans parler du temps de chargement qui risque d’être important. Ces problèmes deviennent encore plus flagrants si on se rend au site depuis notre téléphone.

Des normes et des métriques (connus aussi sous le nom de KPI pour Key Performance Indicator) ont été proposés afin que les sites Web deviennent plus rapides et interactifs offrant ainsi une expérience utilisateur agréable. Parmi eux, on compte les Core Web Vitals proposés par Google et qui permettent de fixer des seuils précis pour certains paramètres comme le temps de chargement ou la stabilité visuelle.

Malgré tout, la plupart des sites Web son sous-optimisés et ne proposent pas l’expérience attendue. C’est pour cette raison que des bibliothèques et frameworks front-end comme React, Angular ou Vue.js ont été développés afin d’accentuer la fluidité des pages Web. Cependant, le premier chargement de ces applications-là constitue un problème à ne pas négliger.

Je vous propose de voir mon article sur le Server-Side Rendering et Client-Side Rendering où je développe ce point davantage.

En d’autre part, les applications mobiles (ou applications natives en générale) ont apporté un grand changement dans la manière dont nous scrutons le Web, surtout vis-à-vis de certains types d’applications comme les réseaux sociaux, les plateforme de messagerie ou les sites e-commerce. Cependant, développer une application mobile est souvent synonyme de coûts élevés et nécessite de publier des mises à jour régulières. En plus, il faut passer par un store comme App Store, Google Play ou Huawei AppGallery… pour pouvoir les télécharger et les installer.

Progressive Web Apps: Solution miracle pour allier la puissance du Web et la fluidité du mobile

Une Progressive Web App (PWA) est une application web qui combine les avantages des sites web accessibles via un navigateur avec ceux des applications mobiles natives. Autrement dit, une PWA propose une richesse de contenu est une fluidité élevée donnant accès aux ressources du Web comme jamais auparavant, en plus de son coût de développement qui est moins important que celui d’une application native.

Les PWA permettent entre autres un fonctionnement hors ligne et des notifications push exactement comme c’est le cas pour les applications mobiles, ce qui veut dire que même en absence de connexion, on continue à travailler sur l’application sans que les données ne soient perdues (comme la saisie d’un formulaire ou l’ajout d’un produit à un panier). En plus, leur installation sur appareil (qui est une opération optionnelle) ne nécessite pas de passer par des intermédiaires comme les stores.

Les PWA reposent sur les technologies web standards comme HTML, CSS et JavaScript, enrichies de quelques composants essentiels qui lui permettent de se comporter comme une application mobile, comme les Service Worker qui sont des script Javascript qui fonctionnent en arrière-plan et permettent de gérer le cache, les opérations hors ligne et les notifications push.

Puisque le PWA peut être aussi installé sur son appareil comme une application mobile classique, alors elle doit être desservie d’un Web App Manifest qui est un fichier JSON qui définit les métadonnées de l'application (comme le nom, l’icône ou un splash screen…) pour permettre son installation sur l’appareil.

Exemples concrets de PWA

Un grand nombre de sites Web connus ont passé au PWA, en l’occurrence Spotify, Twitter, Trivago, Pinterest, Uber ou Starbucks... Les PWA sont facilement reconnaissables par le fait qu’ils proposent leur installation sur le navigateur. De plus, leur fluidité et performances élevées envoient clairement un signe sur leur nature.

La plupart de ces plateformes ont rapporté une augmentation significative d’engagement et de conversions de la part de leurs visiteurs. En effet, mis à part les performances qui sont boostées, les notifications push personnalisées et hors ligne ainsi que l’expérience immersive offerte ont clairement de l’influence sur la rétention et le comportement des clients qui se sentent accompagnés dans toutes les circonstances.

A titre d’exemple, Pinterest annonce une augmentation de temps de session de 40%. Twitter rapporte une baisse du taux de rebond de 20% et Trivago a enregistré 150% d’engagement. Je vous invite à lire cet article qui détaille ces chiffres.

En résumé, une PWA offre une expérience immersive, rapide et interactive, en s’affranchissant des contraintes liées aux applications natives comme le développement multiplateforme et la distribution sur les stores. PWA est une solution idéale pour les entreprises souhaitant toucher un large public avec un budget optimisé.