Progressive web app chez Voot

Logo Voot Lite

Résumé

Voot.com lance sa progressive web app multimédia en Inde. Quelques jours après l'implémentation, le temps de session par utilisateur a augmenté de 39% et le nombre de vues quotidiennes par utilisateur de 15%.

Résultats

  • Réduction de 80% du temps de chargement des pages
  • Augmentation de 39% de la durée des sessions par utilisateur
  • Réduction de 19% du taux de rebond
  • Augmentation de 77% du nombre de conversions en passant d'un visiteur à l'autre
  • 15% d'augmentation du nombre moyen de vues quotidiennes des vidéos par utilisateur

À propos de voot.com

Capture d'écran de Voot

Voot est l'un des meilleurs produits de vidéo à la demande en Inde, disponible à la fois sous forme d'application native et d'application Web mobile. Il propose près de 35 000 heures de contenu premium en ligne, y compris des émissions exclusives de chaînes telles que Colors et MTV, ainsi que des contenus Voot Originals et plus de 8 000 vidéos pour les enfants. Voot est géré par Viacom18, une coentreprise entre Viacom et Network18 Group.

Challenge

En Inde, les appareils mobiles sont l'une des principales sources de contenus multimédias. Ces appareils disposent souvent d'un espace de stockage limité pour les applications natives, ce qui fait du Web mobile un élément essentiel de la stratégie produit Voot.

La plupart des mobinautes accèdent à Internet via des réseaux 2G et 3G facturés à l'usage. Le transfert de données est coûteux et, bien que les utilisateurs s'engagent beaucoup sur une vidéo une fois lancée, les temps de chargement lents les incitent à abandonner avant même que l'expérience ne puisse démarrer. Pour relever ce défi et accroître l'utilisation du Web mobile, Voot a cherché à améliorer son site grâce aux fonctionnalités des progressive web apps.

Solution

Pour améliorer l'expérience utilisateur globale, Voot.com a transformé son site en progressive web app, à l'aide de fonctionnalités telles que l'ajout à l'écran d'accueil et un service worker.

Bien que les services 4G aient été lancés récemment, la plupart des utilisateurs en Inde accèdent à Internet via les réseaux 2G et 3G, avec des taux de transfert de données lents et parfois élevés. Pour réduire la quantité de données transférées, Voot.com a optimisé ses images spécifiquement pour les mobiles. Le site diffuse désormais dynamiquement des images JPEG ou WebP en fonction des fonctionnalités du navigateur.

Voot.com a également réduit les temps de chargement en ajoutant un service worker qui précharge les images lors de la navigation de l'utilisateur et les met en cache pour les visites répétées. Le site a également été analysé avec Lighthouse pour obtenir des informations sur les performances, ce qui a permis de réduire les frais liés à JavaScript et CSS, ainsi que la mise en œuvre d'appels de serveur synchrones.

Ces optimisations ont permis de réduire de 63% le transfert des données liées au chargement de la première page et de 86% pour les visiteurs connus. Le chargement des pages a été multiplié par cinq pour les nouveaux visiteurs et presque sept fois plus rapides pour les utilisateurs connus.

Pour offrir une véritable expérience semblable à celle d'une application, Voot.com a également implémenté l'ajout à l'écran d'accueil, ce qui permet aux utilisateurs de lancer la page depuis leur écran d'accueil comme une application native. Associé à un processus de connexion simplifié, cette fonctionnalité permet aux utilisateurs de se réengager rapidement et facilement sur le site et de regarder leurs séries préférées.

Voot a lancé sa nouvelle interface utilisateur en exclusivité sur le Web mobile, avant le Web pour ordinateur et l'application native. Quelques jours après le lancement, les améliorations ont permis de réduire de 19% le taux d'abandon des utilisateurs et d'augmenter de 77% la conversion du visiteur en lecteur de la vidéo. Les utilisateurs ont également affiché des niveaux d'engagement plus élevés, avec une augmentation de 39% de la durée moyenne des sessions utilisateur et de 15% du nombre moyen de visionnages quotidiens des vidéos par utilisateur. Ces métriques d'engagement utilisateur permettent à Voot.com de présenter des performances semblables à celles de l'application native, sans que l'utilisateur ait besoin d'installer quoi que ce soit.

"En adoptant les PWA, nous avons considérablement amélioré l'expérience utilisateur sur le Web mobile", explique Rajneel Kumar, vice-président senior responsable des produits et de la technologie pour les services de distribution par contournement (OTT, over-the-top) et les entreprises numériques chez Viacom18. "Tout le temps et les efforts que nous avons consacrés aux modifications des technologies et de l'interface utilisateur ainsi qu'aux optimisations semblent donner des résultats très positifs. Nous allons continuer à améliorer cette approche et nous sommes convaincus que nous continuerons à améliorer significativement les performances des consommateurs."