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

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

2.5x

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

突出显示机会

Blibli 发现了以下改进机会:

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

他们采用的方法

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

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

用户流

与旧版首页相比,新访问者看到的是一个轻量级页面,其加载速度提高了三倍。

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

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

“添加到主屏幕”提示。

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

优雅的离线后备页面。
一个优雅的离线后备网页。

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

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

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

离线后备广告
离线后备选项。

这对 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 拍摄。