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%

跳出率降低

8 x

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

2.5x

已安裝的 PWA 有更多網頁/工作階段

突顯商機

Blibli 指出下列商機:

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

他們採用的方法

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

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

使用者流程

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

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

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

新增至主畫面提示。

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

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

Blibli 精簡網頁創造了 Blibli.com 快速回應和回應的第一印象。此外,精簡版頁面只會著重於提供 Blibli 價值主張的功能,因此簡化了功能數量。

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

Blibli 的 PWA 是可安裝的,營造出類似應用程式的外觀和風格。此外,您也能透過 Service Worker 快取和流暢的離線備用機制,取得快速又可靠的服務。

離線備用方案
離線備用項目。

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

設定成效預算

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

整體業務成果

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

「Blibli 首席產品經理 Collin Dion Agata - 「提供最佳行動體驗並代表我們的使命,為使用者帶來絕佳的平台體驗,對我們來說,速度與 PWA 是一項寶貴的投資。」

相片來源:Unsplash 上的 Cristian Escobar