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 最佳实践，以帮助在其网站上构建类似应用的 UX，从而增强用户参与度，重点关注网络弹性以实现可靠性。
方法
缓存策略
为了缓解网络问题并改善用户体验，JD.ID 团队使用了 Workbox，以确保其 PWA 即使在用户离线或网络不佳的情况下也能良好运行。Workbox 使执行其 PWA 缓存策略变得更容易，该策略由 3 部分组成
- 网络优先，回退到缓存：此策略旨在首先从网络获取响应。收到响应后，它会将其传递给浏览器并将其保存到缓存中。如果网络请求失败，将使用上次缓存的响应。JD.ID 将此策略应用于主页，以确保用户即使离线也能访问主页。
- 缓存优先，回退到网络：此策略首先检查缓存中是否有响应，如果有则使用它。如果没有，JD.ID 网站将转到网络，缓存响应，然后将其传递给浏览器。当Service Worker 安装后，它会将主页、离线回退页面（如下所述）、类别页面、产品页面、购物车和结算页面的静态资源预先缓存到用户的缓存中。当用户路由到这些页面中的任何一个时，此缓存策略可确保浏览器直接从缓存中获取静态资源文件，从而提高这些关键页面的加载速度。
- 仅限网络：此策略强制响应仅来自网络。JD.ID 将此策略用于购物车和结算页面，因为这些页面需要非常高的数据准确性。
Workbox 还使 JD.ID 能够配置路由规则、请求超时的默认持续时间、可以存储在缓存中的响应数量以及响应应缓存多长时间。
离线回退页面
JD.ID 团队创建了一个离线回退页面，为用户提供一致的体验并增强网站的品牌形象。他们还添加了一个 Web 应用清单，使用户可以轻松地在其移动设备上安装 Web 应用。
推送通知
此外，为了进一步重新吸引用户，JD.ID 使用 Firebase Cloud Messaging for Web 实施了推送通知，专门在产品促销活动期间应用它们。
总体业务成果
- 整体移动端转化率 (mCVR) 提高了 53%
- 安装 JD.ID PWA 的用户的 mCVR 提高了 200%
- 由于推送通知带来的用户重新参与度提高，移动平台的日活跃用户增加了 26%
我们的业务正在快速增长，我们更加注重改善用户体验。我们的目标是通过不断努力为印度尼西亚的所有用户和客户提供服务和各种产品，成为最受欢迎和最值得信赖的电子商务公司。Web 性能和 PWA 是我们 UX 和整体战略的关键部分，我们将继续在这些领域进行投资。
JD.ID Web 工程经理 Fengxian Liu
查看Web 规模化案例研究页面，了解更多来自印度和东南亚的成功案例。