Twitter Lite PWA 大幅提升參與度並減少數據用量

Twitter 詳細資料

Twitter 平台可幫助使用者掌握世界的最新動態。全球每月有 3.28 億名使用、建立及分享資訊的活躍使用者。Twitter 有超過 80% 的行動裝置使用者,因此希望自家行動版網站體驗速度更快、更可靠且更有吸引力。Twitter Lite 漸進式網頁應用程式結合了新世代網路和原生功能的優點。2017 年 4 月起,全球使用者將享有預設的行動版網站體驗。Twitter 開發了 Twitter Lite 提供更可靠的體驗,針對即時載入、使用者參與以及減少數據用量設定明確目標。

  • 單次工作階段頁數提升 65%
  • 傳送推文次數提升 75%
  • 跳出率降低 20%

目前 Twitter Lite 是使用 Twitter 最快速、最低費用且最可靠的方式。網頁應用程式有與原生應用程式相仿的效能,但與 Twitter for Android 相比,需要不到 3% 的裝置儲存空間。

Twitter Lite 工程主管 Nicollas Gallagher

使用「新增至主畫面」提示和網站推播通知提高參與度

Twitter 網站可觸及數百萬名使用者,但過去在行動網路上吸引使用者回流通常也不容易。在導入「新增至主畫面」提示後,請使用者將 Twitter Lite 儲存至主畫面後,Twitter Lite 每天平均有 250,000 名不重複使用者啟動 Twitter Lite。

Twitter 導入了網路推播通知,功能與原生應用程式相同,即使使用者的瀏覽器關閉也仍會送達。這個實作方式每天提供超過 1,000 萬則推播通知。

減少數據用量

根據預設,Twitter Lite 會使用較少資料,以便提供較小的媒體資源,並盡可能仰賴快取資料。PWA 也會最佳化圖片,盡可能於使用者捲動時間軸時,最多減少 70% 的數據用量。數據節省模式可讓使用者控管 Twitter Lite 下載媒體素材資源的時間,進而保留更多行動數據用量。

Twitter 必須觸及廣大的使用者族群,包括下載速度較低且行動裝置效能較差的新興市場。Twitter Lite 可讓 Twitter 更快速且易於在低頻寬條件下使用,有助於更有效地觸及這類目標對象。

Twitter Lite 使用者可節省數據用量;PWA 的連線速度僅為 600 KB,而安裝原生 Android 應用程式所需的下載資料量僅 23.5 MB。

使用 Service Worker 指令碼近乎即時載入

在多數裝置上,透過 3G 網路,系統在 5 秒內首次載入 Twitter Lite 時鐘,即使網路不穩定,後續載入的速度也幾乎很快。應用程式會將初始 HTML 回應串流至瀏覽器,並傳送預先載入重要資源的操作說明。資源會細分為更精細的項目,讓初始載入只需要顯示畫面所需的資源。Service Worker 指令碼會快取其他資源,讓快速導覽至其他畫面。

超過 80% 的 Twitter 使用量來自行動裝置,許多 Twitter Lite 使用者透過 2G 或 3G 網路到達網站。如果想讓使用者盡快查看和建立 推文,就必須提供能快速載入的體驗,以及後續檢視畫面。Twitter 推出服務工作人員和 PRPL (推送、轉譯、預先快取和延遲載入) 模式等智慧載入策略,可大幅縮短兩種活動的載入時間。因為 Service Worker 會快取目前檢視畫面、動態饋給更新、通知、訊息和設定,而重複造訪幾乎可以即時執行。Twitter Lite 使用者將第 99 個百分位數的互動式延遲時間縮短了 50%,且登入使用者的平均載入時間縮短 30%。

Twitter 採用漸進式方法,利用 Service 工作站來維持離線及網路彈性,開始在無法連上網路時,先顯示自訂離線頁面。接下來,他們轉而改用靜態資源 (例如 CSS、圖片和 JavaScript 套件) 的離線快取,以加快重複造訪的速度。最後,他們開始支援自家應用程式殼層的離線快取。結果:使用者返回 PWA 時,Twitter Lite 開機僅需不到 3 秒,即使在行動裝置或網路速度緩慢的情況下也是如此。

延伸閱讀