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

Blibli 如何使跳出率降低 42%,移动转化率提高 8 倍,每次会话浏览页数增加 2.5 倍。

Collin Dion Agata
Collin Dion Agata
Swetha Gopalakrishnan
Swetha Gopalakrishnan

Blibli 是印度尼西亚知名的电子商务市场。2019 年,该公司的月平均网站访问量超过了 2900 万次。在最近的一项研究中,Blibli 的网络团队发现他们的移动网络平台是一个重要的访问者和用户获取平台,70% 的 Web 用户会登陆移动设备,30% 的 Web 用户会登陆桌面设备。

根据这些深刻见解,Blibli 踏上了开发更好的网络体验并提升转化率的旅程。因此,他们取得了一些非凡的成果:

42%

跳出率降幅

8x

相较于使用移动网站,安装式 PWA 中的 mCVR 更高

2.5x

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

突出显示机会

Blibli 确定了可以把握的以下领域:

  • 对于 Blibli 来说,移动网络平台对于获取许多中低层级设备上的用户至关重要。
  • 印度尼西亚的互联网经济快速扩展到了一线城市之外。因此,PWA 和快速页面是满足有限存储空间和网络缓慢等用户需求的理想投资。
  • Blibli 网络平台的用户中有 50% 是回访用户。

他们采用的方法

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

  • 一个针对性能进行了优化的网站,其中包括一个用户体验改进的首页
  • 面向新用户的精简版首页,使用 Service Worker 缓存关键资产以供后续导航。
  • 面向回访用户的渐进式 Web 应用 (PWA)。

用户流

系统会为新访问者呈现一个轻量级网页,该网页的速度是旧首页的三倍。

一个轻量级网页,比旧网页快三倍。
一个轻量级网页,比旧网页快三倍。

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

“添加到主屏幕”提示。

如果用户的网络连接中断,系统会向用户显示一个精简的离线回退页面。

优秀的离线后备网页。
较好的离线后备网页。

Blibli 的精简版网页给人的第一印象是 Blibli.com 速度快且响应迅速。此外,精简页面仅专注于体现 Blibli 价值主张的功能,从而简化了功能的数量。

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

Blibli 的 PWA 是可安装的,具有类似应用的外观和风格。此外,由于使用 Service Worker 缓存和优雅离线回退功能,它能够快速可靠地实现。

离线后备
离线回退。

这对 Web 用户来说非常愉悦,其中很大一部分用户使用中层设备。由于 Blibli 的 PWA 小于 1MB(比他们的 Android 应用少了 24 倍!),因此用户可以更加顺畅地安装。它还使 Blibli 能够更轻松地留住用户,同时为用户提供类似应用的顺畅体验。

设置性能预算

Blibli 将性能预算作为技术开发和管理方面的性能标准,并定期审核该标准。我们将此 KPI 设为内部技术开发的 KPI,同时在顶级管理层的指导下确保为所有用户提供最佳平台。

整体业务成效

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

“对于我们来说,速度和 PWA 是一笔宝贵的投资,让我们能够提供出色的移动体验,代表我们的使命,为用户提供出色的平台” - Collin Dion Agata,Blibli 首席产品经理

照片由 Cristian Escobar 拍摄,由 Unsplash。