Blibli 的 PWA 创造的每用户收入是其之前的移动网站的 10 倍

Blibli 如何将跳出率降低 42%,将移动转化率提高 8 倍,并将每次会话的网页浏览量提高 2.5 倍。

Collin Dion Agata
Collin Dion Agata
Swetha Gopalakrishnan
Swetha Gopalakrishnan

Blibli 是印度尼西亚知名的电子商务购物平台。2019 年,该公司的平均每月网站访问次数超过 2,900 万次。在最近的一项研究中,Blibli 的网站团队发现,其移动网站平台是一个重要的访问者和用户获取平台,其中 70% 的网站用户通过移动设备访问,30% 的网站用户通过桌面设备访问。

有了这一洞见,Blibli 便开始着手打造更出色的网站体验并提高转化率。因此,他们取得了令人瞩目的成果:

42%

跳出率降幅

8x

与浏览器移动网站相比,已安装 PWA 的 mCVR 更高

2.5x

已安装 PWA 中的网页/会话数更多

突出显示机会

Blibli 发现了以下机会领域:

  • 对于 Blibli 而言,移动网站平台对于吸引用户非常重要,因为许多用户使用的是中低端设备。
  • 印度尼西亚的互联网经济正迅速向一级城市以外的地区扩张。 因此,PWA 和快速网页是一项不错的投资,可满足用户对有限存储空间和缓慢网络等方面的需求。
  • 访问 Blibli Web 平台的用户中有 50% 是回访用户。

他们使用的方法

该团队采取了分阶段策略,对移动网站平台进行了短期到中期的改进。其中包括:

  • 经过性能优化的网站,包括经过用户体验改版的首页
  • 面向新用户的首页精简版,其中包含一个 service worker,用于缓存关键资源以供后续导航。
  • 面向回访用户的渐进式 Web 应用 (PWA)。

用户流

新访问者会看到一个轻量级网页,其加载速度比旧版首页快三倍。

一个比旧版网页快 3 倍的轻量级网页。
一个轻量级网页,加载速度比旧网页快三倍。

在后续页面上,Blibli 会提示用户将 PWA 快捷方式添加到主屏幕。

“添加到主屏幕”提示。

如果用户断开网络连接,系统会向其显示美观的离线后备网页。

优雅的离线回退页面。

Blibli 的轻量版网页给用户留下了 Blibli.com 快速且响应迅速的第一印象。此外,精简版网页仅侧重于能够体现 Blibli 价值主张的功能,从而精简了功能数量。

简化前后的加载时间比较。

Blibli 的 PWA 可安装,因此具有类似应用的外观和风格。此外,它还快速可靠,这是通过使用 Service Worker 缓存和优雅的离线回退来实现的。

离线后备网页。

这让许多使用中端设备的网络用户感到欣喜。由于 Blibli 的 PWA 大小不到 1MB(比其 Android 应用轻了 24 倍!),因此用户安装它的阻力要小得多。此外,这还有助于 Blibli 留住用户,同时为他们提供顺畅的应用式体验。

设置效果预算

Blibli 将绩效预算纳入技术开发和管理中的绩效标准,并定期审核该标准。在最高管理层的指导下,我们将此指标设定为内部技术开发的 KPI,以确保为所有用户提供最佳平台。

总体业务成效

  • 网页加载时间缩短了 3 倍。
  • 跳出率降低了 42%。
  • 与浏览器移动网站相比,已安装的 PWA 的移动转化率高出 8 倍。
  • 安装 PWA 后,会话数增加了 2.5 倍。
  • 与之前的移动网站相比,每位用户带来的收入增加了 10 倍。

“速度和 PWA 是一项有价值的投资,可帮助我们提供出色的移动体验,并体现我们为用户提供卓越平台的使命” - Collin Dion Agata,Blibli 首席产品经理