JD.ID 如何将其整体移动转化率 (mCVR) 提高 53%,将安装用户的 mCVR 提高 200%,将日活跃用户数提高 26%。
JD.ID 是印度尼西亚的一个电子商务平台,为各种商品(包括电子设备、家用电器、服装、时尚配饰和运动商品)提供配送服务。JD.ID 目前在印度尼西亚 350 多个城市开展业务,他们希望通过专注于提升其渐进式 Web 应用 (PWA) 的性能和强大的网络独立体验,来进一步扩大其在线影响力。通过这种增强的体验,JD.ID 将其整体移动转化率 (mCVR) 提高 53%,安装用户的 mCVR 提高 200%,日活跃用户数提高 26%,这有望成为该国最受欢迎、最值得信赖的电子商务公司。
突出显示机会
为了克服印度尼西亚由于众多运营商导致的移动网络不稳定问题,JD.ID 一直在寻找一种解决方案,既能保持其网站和用户体验始终保持出色性能,又能解决任何本地缓存问题。该公司发现,访问过其网站但未下载 iOS/Android 应用的用户具有巨大的获取潜力。为了抓住这一机会,该公司利用 PWA 最佳实践帮助在其网站上打造类似应用的用户体验以提高互动度,重点在于网络弹性以提高可靠性。
采用的方法
缓存策略
为了缓解网络问题并改善用户体验,JD.ID 团队使用 Workbox 确保其 PWA 即使用户离线或网络状况不佳,也能良好地运行。Workbox 使 PWA 缓存策略更易于执行,该策略由 3 个部分组成:
- 网络优先,回退到缓存:此策略旨在先获得网络的响应。收到响应后,浏览器会将响应传递给浏览器,并将其保存到缓存中。如果网络请求失败,将使用上次缓存的响应。JD.ID 将此策略应用到了首页,以确保用户在离线时也能访问首页。
- 缓存优先,回退到网络:此策略首先检查缓存是否有响应,并在可用时使用该响应。否则,JD.ID 网站会连接到网络,缓存响应,然后将其传递给浏览器。安装 Service Worker 后,它会将首页、离线后备页面(在下文介绍)、类别页面、产品页面、购物车和结算页面的静态资源提前缓存到用户的缓存中。当用户路由到其中的任何页面时,此缓存策略可确保浏览器直接从缓存中获取静态资源文件,从而提高这些关键页面的加载速度。
- 仅限网络:此策略会强制响应仅来自网络。JD.ID 将此策略用于购物车和结算页面,因为这些页面需要非常高的数据准确性。
Workbox 还允许 JD.ID 配置路由规则、请求超时的默认时长、可以存储在缓存中的响应数量,以及响应的缓存时长。
离线后备网页
JD.ID 团队创建了一个离线后备页面,以便为用户提供一致的体验并增强网站的品牌推广效果。他们还添加了一个 Web 应用清单,让用户能够在其移动设备上轻松安装 Web 应用。
推送通知
此外,为了进一步促进再互动,JD.ID 使用 Web 版 Firebase Cloud Messaging 实现了推送通知,专门在产品促销促销活动期间应用。
整体业务成效
- 整体移动转化率 (mCVR) 提高了 53%
- 安装 JD.ID PWA 的用户的 mCVR 提升 200%
- 移动平台的日活跃用户数增加了 26%,这是因为推送通知提高了再互动度
![影响统计信息。](https://web.developers.google.cn/static/case-studies/jdid/image/the-impact-statistics-73ae216ba5efe.png?authuser=6&hl=cs)
我们的业务发展迅猛,因此我们更加注重改善用户体验。我们一直致力于为印度尼西亚的所有用户和客户提供服务和各种产品,力图成为最受欢迎、最值得信赖的电子商务公司。Web 性能和 PWA 是我们的用户体验和整体策略的重要组成部分,我们将继续在这方面进行投资。
Fengxian Liu,JD.ID 网络工程经理
如需了解来自印度和东南亚的更多成功案例,请参阅“在网页上扩展”案例研究页面。