Mynet 採用 AMP 型 PWA 後,行動版網站體驗速度加快 4 倍,收益也因此增加 25%

MyNet 詳細資料

Mynet 每月為自家網站提供超過 3,400 萬名訪客,提供新聞、影片、遊戲、財務、資訊娛樂內容和娛樂內容。推出採用 Accelerated Mobile Pages (AMP) 的漸進式網頁應用程式 (PWA) 後,平均網頁載入時間縮短 4 倍。此外,Mynet 的使用者參與度大幅提升,平均停留時間增加了 43%。

  • 每篇報導網頁瀏覽量收益提升 25%
  • 平均網頁載入速度提升 4 倍
  • 網站的平均停留時間增加 43%
  • 單次工作階段網頁瀏覽量增加 34%
  • 跳出率降低 24%

挑戰

由於有超過 85% 的行動流量來自行動版網站,Mynet 的行動版網站是他們策略不可或缺的一環。然而,該公司發現使用者在行動版網站上花的時間比原生應用程式少 2 倍。 Mynet 分析了行動網站上的使用者行為後,他們顯然發現行動版網站的載入速度太慢。Mynet 需要打造速度超快 和原生應用程式差不多的行動版網站

解決方法

為了同時帶動流量和再參與,Mynet 推出了 PWA,運用 AMP 在行動版網站上提供類似應用程式的快速體驗。啟用這項設定後,文章網頁的載入速度會比舊版行動版網站快四倍。 導致跳出率降低約 24%。由於使用者開始在網站上停留的時間增加了 43%,因此 Mynet 也發現速度和參與度之間有關。此外,不僅每個工作階段的網頁瀏覽量增加 34%。這全部分成幾個階段完成:

從 AMP 快速起步

Mynet 最初以獨立 AMP 網頁的形式提供自家文章支援,讓搜尋結果顯示在 Google 搜尋結果的 AMP 輪轉介面中。還能為在行動網路上瀏覽內容的使用者提供出色的網頁載入效能,這對有限或不穩定的網路來說至關重要。推出獨立的 AMP 網頁並不是採用 CMS 系統所面臨的艱鉅挑戰,而且我們只花了兩週的時間將所有報導內容都改成 AMP 格式。

為了盡可能快速有效地放送廣告,Mynet 推出了 AMP 廣告。這種廣告的載入速度高達標準廣告的兩倍,點閱率 (CTR) 和收益會增加多達 30%。

使用 PWA 保持快速並再次互動

接著,Mynet 想改善行動版網站,他們以 PWA 技術為行動版網站建構了獨立 Beta 版。他們研究了這些技術,希望能提供更類似應用程式的沉浸式使用者體驗 (UX),而非僅微幅更新基礎網站。具體來說,他們運用 Service Worker 提供穩定可靠的網路效能,並提示「新增至主畫面」和推播通知讓使用者再次參與。他們建立了同級最佳的 PWA,且 Lighthouse 效能分數為 95 分/100。(Lighthouse 是一項自動化工具,可改善網頁品質,可與任何網頁搭配使用)。

AMP 和 PWA 搭配使用效果更佳

將 AMP 和 PWA 做為獨立版本測試及最佳化效能後,Mynet 已準備好邁入最終階段,為行動版網站打造整合式解決方案。只要將 AMP 內容網頁放在 PWA 中,就能在新的行動版網站上,獲得更高的速度和可用性。整合後的 AMP/PWA 網站推出後,Mynet 減少了行動裝置和電腦版本的網頁正式版本數量,減少了維護及改善程式碼所需的實作數量。

為什麼要使用合併的 AMP/PWA 解決方案?AMP 在行動版網站上提供卓越的第一頁載入效能,PWA 則可提高使用者重複造訪的速度和可靠性。透過「新增至主畫面」提示和推播通知,PWA 也能讓網站提高使用者再次互動。只要搭配使用這項策略,無論網路狀況為何,Mynet 都能在首次造訪或回訪時提供優質體驗。

在 Mynet 行動版網站上,約有 30% 的訪客使用 iOS 裝置。 Mynet 發現,每個工作階段的平均網頁瀏覽量增加 15%,且 iOS 的跳出率降低 23%,即便是「新增至主畫面」、「推播通知」和「離線快取」,因為 iOS 上沒有 Service Worker 支援。而 AMP 式 PWA 在執行速度和使用者介面 (UI) 的改善後,參與度也隨之提升。

整體而言,在 PWA 中運用 AMP 可使每報導網頁瀏覽的廣告收益提高 25%。

將重心放在速度上,我們決定整合 AMP 並打造漸進式網頁應用程式。AMP 有助於降低網頁放棄率,而 AMP 網頁載入速度現在是加快了四倍。透過建構 PWA,我們打造出與應用程式一致的功能,使用者現在在網站上停留的時間增加 43%,再次互動的頻率也提升了。

M. Mynet 業務開發與產品群經理 Fuat Seker

額外結果

  • 運用 AMP 廣告,載入時間縮短 2 倍
  • 採用 AMP 廣告後,點閱率和收益提高 30%
  • iOS 上的單次工作階段平均網頁瀏覽量提升 15%
  • 在 iOS 中,跳出率降低 23%