Blibli' PWA 的每位使用者收益比先前的行動網站多了 10 倍

Blibli 如何將跳出率降低 42%、行動版轉換率提升 8 倍,以及單次工作階段的網頁瀏覽量增加 2.5 倍。

Collin Dion Agata
Collin Dion Agata
Swetha Gopalakrishnan
Swetha Gopalakrishnan

Blibli 是印尼知名的電子商務市集,該公司在 2019 年的平均網站造訪次數為每月 2,900 萬次。在最近的一項研究中,Blibli 的網站團隊發現,他們的行動版網站平台是重要的訪客和使用者開發平台,其中 70% 的網站使用者會連往行動版網站,而 30% 的網站使用者會連往桌面版網站。

有了這些洞察資料,Blibli 便開始打造更優質的網站體驗,並提高轉換率。因此,他們獲得了一些出色的成果:

42%

跳出率降低

8x

相較於瀏覽器行動版網站,安裝的 PWA 轉換率更高

2.5x

已安裝的 PWA 網頁/工作階段數量增加

突顯商機

Blibli 指出下列商機:

  • 對 Blibli 來說,行動網站平台對於吸引使用者至關重要,因為許多使用者使用中低階裝置。
  • 印尼的網路經濟迅速擴展至第 1 級城市以外的地區。因此,PWA 和快速網頁是相當實用的投資,可滿足使用者的需求,例如有限的儲存空間和網路速度緩慢的問題。
  • 使用者造訪 Blibli 網站平台的 50%,都是回訪者。

使用的做法

團隊採取了階段性策略,在行動網站平台上進行短期至中期改善。包括:

  • 經過最佳化處理的網站,包括經過改良的首頁使用者體驗。
  • 新使用者專用的首頁精簡版,內含服務工作者,可將重要資產快取,以利後續導覽。
  • 適用於回訪使用者的漸進式網頁應用程式 (PWA)。

使用者流程

新訪客會看到輕量版網頁,其速度是舊版首頁的三倍。

精簡版網頁的載入速度是舊版的三倍。
輕量版網頁的載入速度是舊版的三倍。

在後續頁面中,Blibli 會提示使用者將 PWA 捷徑新增至主畫面。

新增至主畫面的提示。

如果使用者無法連上網路,系統會顯示優雅的離線備用頁面。

優雅的離線備用網頁。
優雅的離線備用網頁。

Blibli 的 Lite 頁面讓人留下的第一印象是 Blibli.com 速度快且反應靈敏。此外,精簡版頁面只會著重於提供 Blibli 價值主張的功能,因此簡化了功能數量。

比較簡化前後的載入時間。

Blibli 的 PWA 可供安裝,因此具有類似應用程式的外觀和操作體驗。這項功能也相當快速且可靠,因為我們使用了服務工作者快取和無縫離線備用功能。

離線備用方案
離線備用方案。

這對網頁使用者來說是個好消息,因為大多數使用者都使用中階裝置。由於 Blibli 的 PWA 大小不到 1 MB (比 Android 應用程式輕了 24 倍),因此使用者安裝時的摩擦力也大幅降低。這也讓 Blibli 更容易留住使用者,同時提供流暢的應用程式體驗。

設定成效預算

Blibli 將成效預算納入技術開發和管理的效能標準,並定期審查這項標準。我們將其設為內部技術開發的 KPI,並在高階管理團隊的指導下,確保為所有使用者提供最佳平台。

整體業務成果

  • 縮短 3 倍的網頁載入時間。
  • 跳出率降低 42%。
  • 安裝 PWA 的行動版轉換率比瀏覽器行動版網站高出 8 倍。
  • 安裝 PWA 後,網頁/工作階段增加 2.5 倍。
  • 每位使用者的收益較舊版行動網站高出 10 倍。

「Speed 和 PWA 是我們提供最佳行動裝置體驗的寶貴投資,也是我們為使用者提供最佳平台的使命。」—Blibli 產品經理主管 Collin Dion Agata

相片來源:Unsplash 上的 Cristian Escobar