Applications Web progressives : l'avenir du développement Web ?

Les applications Web progressives et les Service Workers sont des concepts relativement nouveaux et les éléments essentiels de ce qui perturbe actuellement l'écosystème actuel des sites Web et des applications mobiles. Nous avons constaté de fortes augmentations des taux de conversion et des diminutions des taux de rebond, car cette technologie est soutenue par nul autre que Google. Apprenez-en plus sur les prestataires de services et les applications Web progressives, et en quoi elles diffèrent des applications mobiles et des sites Web traditionnels.

Le service worker , aussi parfois simplement appelé « SW », est codé comme un script indépendant qui s'exécute avec les pages et les scripts de site Web traditionnels, mais présente de nouvelles fonctionnalités intéressantes par rapport aux JavaScript habituels trouvés sur les sites Web sur Internet.

Avec la fonctionnalité hors ligne, les notifications push, la mise en cache complète et avec la possibilité supplémentaire de se connecter à l'API matérielle des smartphones et autres appareils, les options ne sont limitées que par l'ingéniosité du développeur et la créativité du concepteur. Bien qu'il existe de nombreux avantages à utiliser un travailleur de service simultanément avec les technologies de site Web traditionnelles, nous allons examiner la tendance émergente du point de vue d'un propriétaire d'entreprise.

Pourquoi utiliser les Progressive Web Apps ?

• Améliorer la vitesse par rapport à la vitesse des sites Web et des applications mobiles
• Diminuer la taille de la page
• Fonctionnalité hors ligne
• Accès à un périphérique matériel spécifique
• Notifications push
• Ajouter à l'écran d'accueil

Ci-dessus se trouve la liste des 6 raisons les plus courantes pour les propriétaires d'entreprise d'implémenter des travailleurs de service et des applications Web progressives dans leurs sites Web existants. Décomposons-les et entrons dans plus de détails sur chacun des 6 points clés.

Améliorer la vitesse et les taux de conversion

Étant donné que les agents de service fonctionnent entre le navigateur et l'accès Internet, cela signifie que les visiteurs du site Web n'ont pas à demander une réponse au serveur Web à chaque fois que les visiteurs demandent une nouvelle page ou cliquent sur un lien, par exemple.

En raison du fonctionnement des protocoles Internet, il y a un temps minimum pour chaque réponse passant par le net, mais en utilisant un service worker, cette étape peut parfois être omise, car le script du service worker servira la page à partir du cache local qui seront décrits dans la rubrique suivante.

Par exemple, Housing.com a vu des chargements de pages 30 % plus rapides depuis la mise en œuvre de son application Web progressive et de son script de service. donc assez important.

Un autre exemple est Konga, l'un des principaux détaillants de commerce électronique nigérians dont plus de 60 % de ses visiteurs naviguent sur des réseaux 2G lents. tout aussi important, ils ont plongé leurs concurrents dans un profond sommeil.

Diminuer la taille de la page

En travaillant en étroite relation avec les points ci-dessus, l'utilisation d'un service worker réduira sans aucun doute la taille de la page de tout site Web, et donc les taux de rebond.

La raison pour laquelle nous constatons de telles améliorations est que le technicien de service enregistre des copies du site Web sur les téléphones et les tablettes des visiteurs. Cela signifie qu'ils n'auront plus du tout à utiliser Internet une fois qu'ils auront visité la page d'accueil d'un site Web avec un technicien de service installé et configuré pour télécharger automatiquement le cache.

Il est également possible de simplement laisser le technicien de maintenance enregistrer les pages déjà visitées, mais comme le téléchargement du cache n'est en aucun cas visible pour l'utilisateur, il est logique de laisser l'utilisateur tout télécharger.

Pour l'instant, certaines entreprises signalent qu'avec l'installation d'un technicien de maintenance, la taille des pages a été réduite jusqu'à 90 %.

Fonctionnalité hors ligne

Il est possible de développer un site Web avec un service worker qui fonctionnera parfaitement sans que les utilisateurs n'aient besoin d'avoir accès à Internet pour parcourir les pages et charger du contenu. Il existe quelques exigences, mais une fois remplies, le technicien de maintenance permet une intégration transparente entre les expériences hors ligne et en ligne, et est considéré comme un ajout révolutionnaire aux sites Web actuels.

Bien que tous les sites Web n'aient pas besoin d'une expérience hors ligne complète, le simple fait d'ajouter un écran hors ligne, comme l'a fait Opera, augmentera les chances que les utilisateurs restent sur la page lorsqu'ils perdent l'accès à Internet pendant la navigation.

Comparez le message hors ligne dans les navigateurs par défaut avec le message hors ligne personnalisé qu'Opera a créé ci-dessous et sentez la différence :

Fonctionnalité du site Web hors ligne d'Opera

Page hors ligne par défaut dans Chrome

Accès à un périphérique matériel spécifique

Tout comme les applications mobiles, il est possible pour les applications Web progressives en relation avec les techniciens de maintenance d' effectuer des appels API vers des périphériques matériels tels que des caméras mobiles, des accéléromètres et d'autres fonctions courantes. Jusqu'à présent, il n'y a pas de support pour les fonctionnalités avancées telles que l'identification des empreintes digitales et des fonctions nouvelles et complexes similaires, mais ce n'est probablement qu'une question de temps.

Bien que le développement d'applications mobiles reste toujours pertinent pour certains types d'entreprises et de produits, il existe déjà un certain nombre d'applications Web progressives en ligne aujourd'hui qui offrent l'expérience d'une application mobile, avec la facilité d'utilisation et d'installation que les sites Web ont à offrir.

Mais étant donné que la technologie elle-même a à peu près un an au moment de la rédaction (développée fin 2015) et qu'elle a beaucoup d'opportunités pour devenir la technologie la plus en vogue à laquelle chaque propriétaire de petite entreprise voudra faire partie.

Notifications push

L'une de ces fonctionnalités matérielles sont les notifications push et permettent aux propriétaires de sites Web d'informer les utilisateurs mobiles de leur dernier contenu. Pour les entreprises, accéder au flux de notification de leurs clients peut être une énorme aubaine pour les entreprises.

Contrairement aux newsletters par e-mail, les gens sont enclins à ouvrir et à cliquer sur les notifications push directement sur leur téléphone, et bien que cette tendance puisse changer avec le temps, car les utilisateurs apprendront quelles applications poussent le contenu marketing et publicitaire, pour l'instant c'est assez efficace.

Jusqu'à présent, Jumia, un site de commerce électronique africain, a connu un grand succès avec des applications Web progressives et des notifications push. Ils signalent des taux de conversion 9 fois supérieurs pour leurs paniers abandonnés, par rapport à leur méthode traditionnelle d'envoi d'e-mails aux utilisateurs leur demandant s'ils souhaitent acheter ce qu'ils ont dans leurs paniers abandonnés. Jumia a également enregistré un taux d'ouverture de 38% pour les notifications push, ce qui, il faut le dire, est assez impressionnant.

Ajouter à l'écran d'accueil

C'est le dernier sur notre liste, mais pas le moindre. Ajouter vos sites Web préférés aux favoris de votre téléphone et avoir une icône sur votre appareil n'est pas nouveau, mais avec les applications Web progressives , l'utilisateur sera désormais invité par le navigateur s'il souhaite ajouter le PWA à son écran d'accueil. Étant donné que cela est fait par le navigateur lui-même, et non par une superposition de popup fantaisie sur le site Web, les gens ont signalé d'excellents résultats avec cette fonctionnalité.

Voici à quoi cela ressemble lorsque vous visitez le Washington Post depuis votre téléphone avec Chrome ou Opera.

FlipKart a constaté une augmentation de 70 % des taux de conversion de la part de ses utilisateurs ouvrant l'application via l'écran d'accueil, ce qui signifie que les utilisateurs qui ont installé l'application peuvent être considérés comme des clients fidèles, désireux d'acheter et d'interagir avec le site Web en question.

Conclusion

Tous les navigateurs Web n'ont pas encore pris en charge les applications Web progressives et les techniciens de maintenance , mais ce n'est peut-être qu'une question de temps. Microsoft avec Internet Explorer a été plutôt vague dans sa future mise en œuvre de la technologie, attendant peut-être de voir s'il ne s'agit que d'une tendance de courte durée, ou si cela va révolutionner le Web tel que nous le connaissons.

Apple avec Safari a ajouté la compatibilité des techniciens de maintenance à sa feuille de route de 5 ans, il reste donc encore du temps pour que cela se produise, bien qu'ils pourraient très bien mettre cette technologie en tête de liste une fois qu'ils auront vu l'impact positif du service les travailleurs ont.