摘要
Voot.com 在印度推出自家的媒體漸進式網頁應用程式。在導入後的幾天內，每位使用者的工作階段時間增加 39%，每位使用者的每日觀看次數則提升了 15%。
成果
- 網頁載入時間縮短 80%
- 每位使用者的工作階段時間增加 39%
- 跳出率降低 19%
- 從訪客到影片觀眾的轉換率提升 77%
- 每位使用者的每日影片觀看次數平均增加 15%
關於 voot.com
Voot 是印度最熱門的隨選影片產品之一，同時是原生應用程式和行動網路應用程式，提供近 35,000 小時的線上付費內容，包括來自 Colors 和 MTV 等聯播網的獨家節目、Voot Originals 內容，以及超過 8,000 部兒童影片。Voot 是由 Viacom18 經營，這是 Viacom 和 Network18 Group 的聯合研究。
挑戰
行動裝置是印度當地主要使用的媒體。這類裝置通常對原生應用程式的儲存空間有限，因此行動版網站是 Voot 產品策略中重要的一環。
大多數的行動 Voot 使用者是透過計量付費 2G 和 3G 網路來存取網際網路。資料移轉的費用高昂，雖然使用者在影片開始播放後便十分重視影片內容，但載入時間過長，使用者會在體驗開始前就放棄。為了因應這項挑戰並提高行動版網站的使用率，Voot 希望能運用漸進式網頁應用程式功能，改善自家網站。
解決方法
為了改善整體使用者體驗，Voot.com 使用「新增至主畫面」及服務工作者等功能，將網站轉換為漸進式網頁應用程式。
雖然 4G 服務最近已推出，但印度的大多數使用者都透過 2G 和 3G 網路連上網際網路，而且傳輸速度較慢，有時也十分昂貴。為減少傳輸的資料，Voot.com 已針對行動裝置最佳化圖片，網站現在會根據瀏覽器功能動態提供 JPEG 或 WebP 圖片。
Voot.com 也藉由新增 Service 工作站來預先載入圖片，並在重複造訪時快取圖片，因此縮短載入時間。此外，我們還使用 Lighthouse 分析這個網站，以取得效能深入分析資訊，進而減少 JavaScript 和 CSS 的負擔，以及實作同步伺服器呼叫。
這些最佳化措施讓回訪者的首次瀏覽頁面載入資料減少 63%，回訪者的資料傳輸量也減少了 86%。新訪客的網頁載入速度提升了 5 倍，回訪者則能快上 7 倍。
為了提供類似應用程式的實際體驗，Voot.com 也實作了新增至主畫面的功能，讓使用者可以像原生應用程式一樣從主畫面啟動頁面。在經過簡化的登入流程後，使用者就能輕鬆快速地再次與網站互動，並觀看喜愛的節目。
Voot 優先於電腦版網站和原生應用程式推出新的使用者介面。在推出幾天後，改善成效就大幅降低了 19% 的使用者放棄率，影片觀眾改用影片的轉換率則提高了 77%。使用者的參與度也隨之提升，平均使用者工作階段時間增加 39%，每位使用者的每日影片觀看次數也增加 15%。 這些指標顯示，Voot.com 的成效與原生應用程式相似，使用者不需要另外安裝任何應用程式。
Viacom18 的 OTT 和數位環境部門資深副總裁 Rajneel Kumar 表示：「採用 PWA 之後，我們得以大幅改善行動版網站的使用者體驗。」「我們一直在技術、使用者介面變更和最佳化作業上 投入了大量時間與心力，在最佳化方面，成效似乎非常高。我們會繼續進一步修正這個問題，且我們確信消費者的升幅將持續大幅成長。」