Voot 中的渐进式 Web 应用

Voot Lite 徽标

摘要

Voot.com 在印度推出了媒体渐进式 Web 应用。在实施后的几天内,每位用户的会话时长增加了 39%,每位用户的每日观看次数增加了 15%。

成果

  • 网页加载时间缩短 80%
  • 每位用户的会话时长增加了 39%
  • 跳出率降低了 19%
  • 从访问者到视频观看者的转化增加了 77%
  • 每位用户的平均每日视频观看次数增加了 15%

关于 voot.com

投票屏幕截图

Voot 是印度最热门的视频点播产品之一,既有原生应用,也有移动网络应用。它提供近 3.5 万小时的付费内容在线观看,包括 Colors 和 MTV 等影音平台的独家节目、Voot Originals 以及超过 8,000 个面向儿童的视频。Voot 由 Viacom18 运营,是 Viacom 和 Network18 Group 的合资公司。

挑战

在印度,移动设备是主要的媒体消费形式。此类设备通常具有有限的原生应用存储空间,因此移动网络是 Voot 产品策略的关键部分。

大多数移动 Voot 用户通过按流量计费的 2G 和 3G 网络访问互联网。数据传输成本高昂,虽然用户在视频开始播放后就会非常专注地观看视频,但过慢的加载时间会导致用户在体验还未开始时就放弃观看了。为了应对这一挑战并提高移动网站的使用率,Voot 希望利用渐进式 Web 应用功能来改进其网站。

解决方案

为了提升整体用户体验,Voot.com 利用“Add to Homescreen”和 Service Worker 等功能,将其网站打造成渐进式 Web 应用。

虽然 4G 服务最近才发布,但印度的大多数用户都通过 2G 和 3G 网络访问互联网,数据传输速度慢,有时昂贵。为了减少传输的数据,Voot.com 专门针对移动设备优化了其图片,该网站现在会根据浏览器功能动态提供 JPEG 或 WebP 图片。

Voot.com 还通过添加 Service Worker 在用户导航时预加载图片并缓存图片以供重复访问,从而缩短了加载时间。该网站还使用 Lighthouse 进行分析,以获得性能数据分析,从而减少 JavaScript 和 CSS 开销以及实现同步服务器调用。

这些优化使首次浏览网页加载数据传输量减少了 63%,回访者的数据传输量减少了 86%。对于首次访问者,网页加载速度提高至原来的 5 倍,对于回访用户而言,加载速度加快近 7 倍。

为了提供真正的应用式体验,Voot.com 还实现了添加到主屏幕,让用户能够像原生应用一样从主屏幕启动页面。这结合了简化的登录流程,可让用户快速轻松地重新与网站互动并观看他们喜爱的节目。

Voot 在移动网站上率先推出了新界面,并且先于桌面版网站和原生应用。在发布后几天,用户放弃率降低了 19%,访问者转化为视频观看者的转化率提高了 77%。用户的参与度也有所提高,平均用户会话时长增加了 39%,每位用户的平均每日视频观看次数增加了 15%。这些用户互动指标显示 Voot.com 的表现与原生应用类似,用户无需安装任何内容。

Viacom18 的 OTT 和数字风险投资高级副总裁兼主管 Rajneel Kumar 说:“采用 PWA 后,我们在移动网络上的用户体验得到了显著改善。”“我们花费在技术、界面更改以及优化方面的所有时间和精力似乎都取得了非常积极的结果。我们将继续进一步优化此机制,我们确信今后的消费者会显著提升。”