什麼是漸進式網頁應用程式?

漸進式網頁應用程式 (PWA) 是採用新式 API 建構及強化的網頁應用程式,可提供更強大的功能,同時透過單一程式碼集觸及任何裝置上的網頁使用者。這類應用程式結合了網頁應用程式的廣大觸及範圍,以及特定平台應用程式的豐富功能,可提升使用者體驗。

PWA 設計的三大支柱

如要讓 PWA 的使用體驗與特定平台應用程式一樣好,您必須設計出功能強大、可靠且可安裝的 PWA。

可行

網頁應用程式現在的功能比以往更強大,而且這些功能還會持續增加。近期,網頁軟體開始開發過去只有特定平台應用程式可用的功能。舉例來說,您現在可以使用 WebRTC、地理位置和推播通知,建構超本地視訊聊天應用程式,然後讓該應用程式可供安裝,並使用 WebGL 和 WebVR 將對話轉移至虛擬實境。導入 WebAssembly 後,開發人員就能運用其他生態系統 (例如 C、C++ 和 Rust),並將過去幾十年的特定平台功能帶入網際網路。開發人員善用網路新功能的絕佳例子,就是 Squoosh.app,這是一款網頁式圖片壓縮工具。

雖然某些功能仍超出網路的範圍,但新推出和即將推出的 API 會持續擴充網路功能,例如檔案系統存取、媒體控制項、應用程式徽章和完整剪貼簿支援。所有這些功能都是使用網路的安全、以使用者為中心的權限模型建構,可確保使用者安全,讓使用者在使用新網站時不必擔心。

穩定可靠

無論網路狀況如何,穩定可靠的漸進式網頁應用程式都能提供快速且可靠的體驗。使用者應享有可快速回應互動的應用程式,以及可信賴的使用體驗。

速度是讓使用者使用您提供的體驗的關鍵。事實上,網頁載入時間從 1 秒增加到 10 秒後,使用者離開的機率會增加 123%。效能問題會影響整個使用者體驗,而不僅是 onload 事件。可靠的體驗絕不會讓使用者懷疑應用程式是否記錄了任何互動。捲動和動畫必須流暢。使用者需要感受到您的應用程式效能良好,而非僅是實際效能良好。

穩定的應用程式也必須能夠在沒有網路連線的情況下使用。使用者希望應用程式在網路連線速度較慢或不穩定的情況下,甚至在離線時也能快速載入。使用者預期最近互動的內容 (例如媒體曲目、票券和行程) 會隨時可供使用,即使應用程式無法向伺服器傳送要求也一樣。當無法執行要求時,使用者希望應用程式會告知他們發生問題,而不是悄悄失敗或當機。

可安裝

讓 PWA 可供安裝後,就會從瀏覽器移至獨立視窗,進而改變使用者對 PWA 的看法和互動方式。已安裝的 PWA 可從使用者的主畫面、Dock、工作列或 Shelf 啟動。使用者可以在裝置上搜尋這些應用程式,並透過應用程式切換器在應用程式之間切換,讓使用者覺得這些應用程式是裝置的一部分。

安裝 PWA 後,您還能使用新的功能,包括通常在瀏覽器中保留的鍵盤快速鍵。PWA 也可以註冊接受其他應用程式的內容,或成為處理特定檔案類型的預設應用程式。

取得 PWA 的結果

推出 PWA 不僅可提升使用者體驗,這麼做還能改善指標,並提升服務價值。以下是幾個顯著的例子:

  • Twitter 的 PWA 讓單次工作階段的網頁數量增加 65%,推文數量增加 75%,跳出率則降低 20%,同時也將應用程式大小縮減超過 97%。
  • 改用 PWA 後,Nikkei 的自然流量增加了 2.3 倍、訂閱數增加了 58%,每日活躍使用者也增加了 49%。
  • Hulu 以 PWA 取代平台專屬的電腦版體驗,結果回訪率提升了 27%。

如要進一步瞭解使用 PWA 的優點,請參閱「漸進式網頁應用程式如何推動業務成功」。