漸進式網路應用程式（PWA）會成為推倒Google Play與iOS App Store的高牆嗎？

漸進式網路應用程式（PWA）結合Web與App的優勢，無須下載exe或安裝App，即可在瀏覽器（Chrome、Safari、Edge等）擁有逼近App的使用者體驗，更可以降低開發時間與行銷成本，對於使用者或開發者來說，具有極大吸引力。隨著PWA技術支援擴大，Twitter、Airbnb、Instagram、Pinterest、Spotify、Tinder、Youtube等知名企業已陸續採用PWA。

除了行動裝置優先，速度更是關鍵

全球行動通訊系統協會（GSMA）《2023全球行動經濟發展報告》揭露，截至2023年1月，全球行動上網使用人口達43億，其中40億人口透過智慧型手機4G上網。隨著行動上網使用人口持續增加，目前4G網路每0.38平方公里只能支援2,000連線裝置，開始變得難以負荷。好在，5G技術問世，同一空間可支援多達100萬個連線裝置，並從原本4G網路50毫秒平均延遲，縮短至1毫秒。我們可以想像，行動裝置應用與速度將改變未來的生活體驗、使用者行為與關鍵決策。

全球瀏覽器霸主Google也提出PWA核心應用「Web App Manifest、Service Worker、Application Shell與HTTPS」，同時宣布「行動優先索引計畫」，這意味著，符合行動裝置瀏覽、逼近App使用者體驗、可被瀏覽器搜尋、載入速度快的PWA，將改變瀏覽器搜尋排名。PWA核心應用如何做到？

• Service Worker：於瀏覽器背景執行，讓PWA擁有與APP一樣的離線瀏覽、自動更新、訊息推播等功能，無須透過Google Play、iOS App Store更新。
• Web App Manifest：為JSON格式，提供PWA建立在行動裝置桌面的名稱、圖示和URL等資訊。
• Application Shell：將PWA基礎架構、介面和資料分開，透過Service Worker快取基礎架構與介面，最後遠端載入資料，加快每次使用PWA的載入速度，優化使用者體驗。
• HTTPS：PWA須受TLS或SSL憑證保護，透過超文字安全傳輸協定(Hypertext Transfer Protocol Secure，HTTPS)提供服務，確保使用者資訊安全性。

從使用者體驗來看，PWA擁有5個優勢，讓使用者感到友善且實用：

• 漸進式–PWA是網站架構，透過瀏覽器（Chrome、Safari、Edge等）使用，系統環境支援度愈高提供愈多服務，若使用老舊瀏覽器可降級顯示基本服務。使用者無須下載exe或安裝APP，減少消耗手機容量與記憶體，避免手機運作遲緩。
• 逼近App體驗–PWA以行動裝置使用體驗優先設計，並自動適應任何手機、桌上型電腦與平板的螢幕尺寸。在行動裝置桌面新增圖示入口（Add to Home），下次開啟就不會出現網址列，創造逼近APP的使用介面與沉浸式體驗，讓使用者願意回訪或停留更久時間。
• 離線使用–暫時沒有網路或網路不穩仍可運作，並透過瀏覽器定期更新，無須在iOS App Store和Google Play更新版本，解決了App未更新造成閃退的問題。
• 訊息推播–PWA擁有App訊息推播功能，即使沒有打開網站，也能收到訊息通知，增加企業與使用者的互動。
• 硬體功能-PWA就像App一樣，可使用行動裝置的硬體功能與儲存空間，包含存取相機、位置偵測、臉部或指紋辨識、內建行動支付（如Apple Pay或Google Pay）等。

在企業營運行銷層面，PWA也帶來曝光增加、使用者增加、成本降低的優勢：

• 增加曝光–PWA採用全球資訊網協會（World Wide Web Consortium，W3C）制定的manifest規範，可進行搜尋引擎最佳化（Search Engine Optimization，SEO），以及Application Shell加速PWA載入速度，可提升瀏覽器搜尋排名，讓企業更快被看見。
• 提升共享性–輕鬆透過URL分享和使用，避免安裝App導致使用者流失或抱怨。根據Alex Russell於Chrome Dev Summit 2015演講分享研究數據，App安裝過程，每一步驟將流失20%使用者。
• 降低成本–開發者僅需維護一套程式碼，即可通用於手機、桌上型電腦與平板，不需要分別上架到iOS App Store與Google Play，省去上架費用，及重新審核的時間人力成本。

經典PWA應用案例

圖1：Twitter率先採用PWA，創造逼近App的使用者體驗

資料來源：Synodus.com

Twitter針對網路連線不穩的新興國家，擴展新使用者，2017年4月與Google合作推出Twitter Lite。每次網頁使用容量不超過1MB、載入速度相較於App快了30%、最高可節省70%網路頻寬消耗，順利推展至全球市場。

Twitter Lite目前支援多達42種語系，介面顯示當地數字、日期和訊息，成功提升65% 頁面瀏覽數量、75% 推文數量，以及降低20% 網站跳離率，打造了亮眼成績。

圖2：Pinterest採用PWA，解決App安裝的負面評價

資料來源：Medium.com

Pinterest意識到網路不穩或網路速度慢，導致只有1%的使用者註冊、登入或安裝App。另一方面，80% Pinterest使用者透過瀏覽器拜訪網站，引導安裝App引起大量的負面評價。

Pinterest PWA於2017年推出，改善網頁載入時間，從原本23秒減少至5.6秒，成功增加了40%手機瀏覽器停留時間、44%廣告點擊率、60%使用者互動。截至2023年11月，Pinterest從原本2017年2億使用者，已累積超過4億8千萬活躍使用者。

Google Play與iOS App Store會走向尾聲？

全球知名企業陸續採用PWA，包含Airbnb、Instagram、Spotify、Youtube、BMW、Tinder等。Amazon也於2020年推出Luna PWA雲端遊戲服務，支援iPad和iPhone瀏覽器存取遊戲，巧妙避開iOS App Store的上架規範，以及遊戲頻繁版更的審核作業。

根據行動應用數據調查機構Sensor Tower報告顯示，自2021年第一季至2022年第三季全球Tinder下載量連續下滑，平均每季下降5.1%；2022年第四季Google Play與iOS App Store的全球行動應用程式下載量正在減弱。推測可能是市場飽和，或者PWA已悄悄成為App替代選擇。

但是，瀏覽器全面支援不是一件簡單的事情，目前Android與iOS系統幾乎可以使用PWA，但是桌上型電腦Firefox和Safari尚未開放支援PWA；以及許多使用者不清楚如何操作PWA、不知道如何將傳統網站轉換成PWA，或者Add to Home過程遇到問題等，都將考驗PWA未來的使用率與普及率。

封面圖片來源： Unsplash.com 

參考資料來源：

1 GlobalStats Statcounter

2 What is a progressive web App?

3 Why Google Advocates Progressive Web Apps？

4 PWA SEO: How To Boost Progressive Web Apps on Search

5 Best Progressive Web Apps Examples to learn from in 2023

6 Making PWAs installable

7 How Will 5G Affect Mobile App Development？