JD.ID 運用快取策略、安裝功能和推播通知,將行動裝置轉換率提高 53%

JD.ID 如何提升整體行動裝置轉換率 (mCVR) 和 200% 的安裝使用者轉換率,每日活躍使用人數則提高 26%。

JD.ID 是印尼的電子商務平台,為電子裝置、家用電器、服飾、時尚配件和運動產品等多種產品提供運送服務。JD.ID 目前在印尼超過 350 座城市營運,希望在自家的漸進式網頁應用程式 (PWA) 中專注追求效能,並打造穩固的網路獨立體驗,進一步拓展網路形象。憑藉這項強化體驗,JD.ID 的整體行動裝置轉換率 (mCVR) 增加了 53%、已安裝使用者的 mCVR 人數增加 200%,每日活躍使用人數則增加了 26%,成為全美最受歡迎且最值得信賴的電子商務公司。

使用者安裝 JD.ID PWA 的螢幕截圖

突顯商機

為了克服印尼電信業者的行動網路不穩定,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 團隊建立離線備用頁面,以提供使用者一致的體驗,並強化網站的品牌宣傳效果。此外,他們也新增了網頁應用程式資訊清單,方便使用者在行動裝置上輕鬆安裝網頁應用程式。

離線備用網頁的螢幕截圖

推播通知

此外,為了進一步再參與,JD.ID 導入了推播通知,並使用 Firebase Cloud Messaging for Web,在產品特賣促銷活動期間特別套用推播通知。

啟用推播通知的螢幕截圖

整體業務成果

  • 整體行動裝置轉換率提高 53%
  • 安裝 JD.ID PWA 的使用者 mCVR 改善了 200%
  • 行動平台的每日活躍使用者增加了 26%,這是因為推播通知帶來的再參與次數增加了 26%
影響統計資料。

我們的業務成長迅速,更重視改善使用者體驗。我們持續努力為印尼境內的所有使用者和客戶提供服務和產品,目標是成為最受歡迎且值得信賴的電子商務公司。網站效能和 PWA 對使用者體驗和整體策略至關重要,我們會持續投入心力改善這些領域。

JD.ID 網頁工程經理 Fengxian Liu

想查看更多印度和東南亞的成功案例嗎?請參閱「擴充網路資源規模」個案研究頁面