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%