JD.ID 如何提升整體行動裝置轉換率 (mCVR) 和 200% 的安裝使用者轉換率,每日活躍使用人數則提高 26%。
JD.ID 是印尼的電子商務平台,為電子裝置、家用電器、服飾、時尚配件和運動產品等多種產品提供運送服務。JD.ID 目前在印尼超過 350 座城市營運,希望在自家的漸進式網頁應用程式 (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 團隊建立離線備用頁面,以提供使用者一致的體驗,並強化網站的品牌宣傳效果。此外,他們也新增了網頁應用程式資訊清單,方便使用者在行動裝置上輕鬆安裝網頁應用程式。
推播通知
此外,為了進一步再參與,JD.ID 導入了推播通知,並使用 Firebase Cloud Messaging for Web,在產品特賣促銷活動期間特別套用推播通知。
整體業務成果
- 整體行動裝置轉換率提高 53%
- 安裝 JD.ID PWA 的使用者 mCVR 改善了 200%
- 行動平台的每日活躍使用者增加了 26%,這是因為推播通知帶來的再參與次數增加了 26%
我們的業務成長迅速,更重視改善使用者體驗。我們持續努力為印尼境內的所有使用者和客戶提供服務和產品,目標是成為最受歡迎且值得信賴的電子商務公司。網站效能和 PWA 對使用者體驗和整體策略至關重要,我們會持續投入心力改善這些領域。
JD.ID 網頁工程經理 Fengxian Liu
想查看更多印度和東南亞的成功案例嗎?請參閱「擴充網路資源規模」個案研究頁面。