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

Blibli 如何將跳出率降低 42%、行動裝置轉換率提升 8 倍，單次工作階段頁數則增加 2.5 倍。

Collin Dion Agata

Swetha Gopalakrishnan

Blibli 是印尼的知名電子商務市集。2019 年，這家公司每月平均網站造訪次數超過 2,900 萬次。Blibli 的網路團隊最近一項研究指出，行動網路平台是重要的訪客和使用者開發平台，有 70% 的網路使用者會透過行動裝置到達，而 30% 的網頁使用者都是使用電腦。

憑藉這樣的深入分析資料，Blibli 踏上旅程，著手開發更優質的網頁體驗並改善轉換率。因此能夠達到一些特例的結果：

42_%

跳出率降幅

8_x

與瀏覽器行動版網站相比，已安裝 PWA 的 mCVR 升幅

2.5 _x

已安裝 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 倍。

「對我們而言，速度和 PWA 是非常重要的投資，讓我們得以提供最佳的行動體驗，並且代表我們的使命，為使用者打造最佳平台。」 - Blibli 首席產品經理 Collin Dion Agata

相片由 Cristian Escobar 在 Unsplash 上提供。