新的 PWA 平均載入時間比舊網站快上 30%，跳出率也降低了 12%，工作階段深度則提升了 18%。
Orange Polska S.A. (隸屬於國際 Orange Group) 是波蘭領先的電信服務供應商，提供行動和固網電信服務，包括語音、數據、網際網路存取和電視服務。我們也提供 IT 和整合服務、專線和其他電信加值服務和設備。
挑戰
我們都知道，當網站載入時間過長時，就會讓人感到焦慮，甚至惱怒。對於實體店面不多或完全沒有實體店面的數位公司而言，這項影響顯而易見，特別是針對行動應用程式，因為我們的內部研究清楚顯示，使用者移除應用程式的主要原因就是速度。不過，如果您在像我們一樣成熟的產業中經營，並且採用實體通路策略，數位速度的影響就不會那麼明顯，因為數位並非唯一的銷售來源。因此，要說服主管投資速度，就更加困難。
在向主管提案時，我們將 Google Analytics 的歷史效能資料拿出來，清楚顯示載入時間和轉換率之間的關聯性，以強化我們的論點。我們透過冷硬的事實證明，網頁載入時間每多 1 秒，收益和銷售量就會減少 15 到 20%。
方法
我們決定建構漸進式網頁應用程式 (PWA)。我們特別著重於行動流量，因為超過 75% 的客戶會透過行動裝置使用我們的網站。團隊同時著重於改善主要成效指標，以及提供更吸引人且更具吸引力的體驗。
我們成立了新的跨部門 Scrum 團隊 (包括 IT、業務和 UX 專業人員)，旨在提供概念驗證，以回答下列問題：
- 我們能否在遵守重大舊版限制的情況下，有效縮短載入時間？
- 這會對轉換和收益造成哪些實際影響？
我們選擇 Next.js，是因為它提供許多預設啟用的最佳化功能，或可輕鬆設定，例如自動伺服器端轉譯 (對 SEO 特別重要)、資料預先擷取和程式碼分割。我們另一個重要的考量是，Next.js 可讓我們逐一遷移網頁，而不會在舊版應用程式中引發任何問題。不過，我們必須在仍仰賴舊版系統的複雜環境中管理轉換作業，導致服務無法使用。為解決這個問題，我們整合了 Workbox，這樣即使後端發生故障，網站也能隨時運作。由於 Workbox 內建了預先快取、要求路由和執行階段快取的解決方案，因此也為我們帶來不錯的效能提升。
結果
新的 PWA 載入時間平均比舊網站快 30%，行動裝置上的轉換次數增加了 52%，跳出率提升了 12%，而工作階段深度也提高了 18%。這項經驗也證實了轉型策略方向，將所有面向客戶的解決方案 (包括客戶自助服務和業務人員前端) 轉換為 PWA 技術。