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 开始着手打造更出色的 Web 体验并提高转化次数。因此,他们取得了一些出色的成效:

42%

降低跳出率

8 x

与浏览器移动网站相比,安装的 PWA 的移动设备转化率更高

2.5x

安装的 PWA 上的网页/会话更多

突出显示机会

Blibli 发现了以下机会领域:

  • 由于许多用户使用的是中低端设备,因此移动网站平台对 Blibli 来说非常重要,有助于其吸引用户。
  • 印度尼西亚的互联网经济正在迅速扩展到 Tier 1 城市以外的地区。因此,PWA 和快速网页是一项不错的投资,可满足用户存储空间有限和网络速度缓慢等需求。
  • 50% 的用户都会访问 Blibli 网站平台。

他们采用的方法

该团队采用了分阶段策略,在移动 Web 平台上进行短期到中期的改进。其中包括:

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

用户流

新访问者会看到一个轻量级页面,其加载速度是旧版首页的 3 倍。

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

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

“添加到主屏幕”提示。

如果用户断开网络连接,系统会显示优雅的离线后备页面。

优雅的离线后备页面。
优雅的离线后备页面。

Blibli 的 Lite 版页面给用户的第一印象是 Blibli.com 速度快且响应迅速。此外,精简版页面仅侧重于提供 Blibli 的价值主张,从而简化了功能数量。

优化前后的加载时间对比。

Blibli 的 PWA 可供安装,具有类似应用的外观和风格。它还具有快速可靠的特点,这得益于使用了服务工件缓存和流畅的离线回退。

离线回退
离线后备选项。

这对 Web 用户来说是一件好事,因为其中有很大一部分用户使用的是中端设备。由于 Blibli 的 PWA 小于 1MB(比其 Android 应用轻了 24 倍!),因此用户安装该应用的阻碍大大减少。这也让 Blibli 能够更轻松地留住用户,同时为他们提供类似应用的顺畅体验。

设置效果预算

Blibli 将效果预算作为技术开发和管理方面的效果标准,并定期对该标准进行审核。我们将其设为内部技术开发的 KPI,并在高层管理的指导下,确保为所有用户提供最佳平台。

整体业务成效

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

“速度和 PWA 对我们来说是一项宝贵的投资,有助于我们提供最佳移动体验,并体现了我们的使命,即为用户提供最佳平台。” -Blibli 首席产品经理 Collin Dion Agata

此图片由 Unsplash 用户 Cristian Escobar 拍摄。