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

網路是一個很棒的平台。該平台結合了跨裝置和作業系統的通用性、以使用者為中心的安全性模型,以及單一公司本身的規格和實作情形,都讓網路成為開發軟體的獨特平台。結合本身的連結特性,您也可以搜尋相關資訊,隨時隨地與任何人分享您找到的內容。每次您瀏覽網站時,網站都會反映最新版本,訪客瀏覽網站時可視需要暫時或永久保留。只需使用單一程式碼集,網頁應用程式即可觸及任何裝置,不受裝置限制

每個平台專用的應用程式都具有非常豐富的豐富性和可靠性。會顯示在主畫面、座架和工作列上。無論網路連線為何,這些項目都能正常運作。推出專屬的獨立體驗。他們可以讀取及寫入本機檔案系統中的檔案、存取透過 USB、序列埠或藍牙連接的硬體,甚至還能與儲存在裝置上的資料 (例如聯絡人和日曆活動) 互動。在這些應用程式中,您可以拍照、查看主畫面列出的歌曲,或在其他應用程式中執行控制歌曲播放等作業。平台專用的應用程式就像處理執行裝置時所在的部分一樣。

這張圖表說明特定平台應用程式的相對功能與觸及率,包括高功能、網頁應用程式、高觸及率和漸進式網頁應用程式,兩者皆可具備高功能且高觸及率。
特定平台應用程式、網頁應用程式和漸進式網頁應用程式的觸及成效差異。

如果您將平台專屬的應用程式和網頁應用程式納入考量,則特定平台的應用程式代表功能最佳,而網頁應用程式代表的觸及範圍最高。那麼,漸進式網頁應用程式應如何應用呢?

漸進式網頁應用程式 (PWA) 是以新式 API 建構及強化,可提供強化功能、穩定性和可安裝性,而且只要使用單一程式碼集,即可觸及任何裝置、位置、裝置

三大應用程式特色

漸進式網頁應用程式經過特別設計,不僅可提供實用、可靠且可安裝的體驗。這三大要素可以轉換成類似平台專用應用程式的體驗。

支援

目前的網路功能相當強大。舉例來說,您可以使用 WebRTC、地理位置和推播通知建構超本機視訊通訊應用程式。這樣一來,使用者即可安裝該應用程式,並透過 WebGL 和 WebVR 以虛擬方式進行對話。隨著 WebAssembly 的推出,開發人員可以利用 C、C++ 和 Rust 等其他生態系統,將數十年的工作和功能帶到網路世界。舉例來說,Squoosh.app 會將這個元件用於進階圖片壓縮。

不久前,只有特定平台的應用程式可以聲稱這些功能。雖然部分功能仍無法透過網路發布,但即將推出的新版 API 和即將推陳出新,希望能進一步拓展網路用途,例如檔案系統存取權、媒體控制項、應用程式徽章和完整剪貼簿支援等功能。以上所有功能都是透過以使用者為中心的安全性模型建構而成,可確保瀏覽網站時不會讓使用者感到不快。

在新型 API、WebAssembly 以及即將推出的 API 之間,網路應用程式功能比以往任何時候都更勝以往,而且這些功能的規模也仍在持續增加。

穩定可靠

無論使用何種網路,可靠的漸進式網頁應用程式都能提供快速且可靠的體驗。

如要吸引使用者使用您的體驗,速度是一大關鍵。事實上,由於網頁載入時間從 1 秒到 10 秒,使用者跳出的機率會增加 123%onload 事件後,效能並不會停止。使用者不應想知道自己是否註冊互動,例如點選按鈕。捲動和動畫應流暢運作。效能會影響整體使用者體驗,包括使用者對應用程式的觀感,以及實際效能。

最後,無論網路連線為何,應用程式都必須能使用。使用者會希望應用程式在網路連線速度緩慢或不穩定時,甚至離線時也能啟動。他們會預期自己曾經互動過的最新內容 (例如媒體曲目或票券和行程) 可供使用,即使向伺服器提出要求並不容易。有時若無法提出要求,便會收到問題,而不是發生無聲的失敗或當機情況。

應用程式應回應當下的眼界互動,並提供可靠的使用體驗。

可安裝

已安裝的漸進式網頁應用程式會在獨立視窗中執行,而非在瀏覽器分頁中執行。使用者可以在使用者的主畫面、座架、工作列或檔案櫃中啟動這些功能。 您可以利用裝置搜尋這些擴充功能,並使用應用程式切換器切換畫面,感覺就像是安裝應用程式的一部分。

安裝網頁應用程式後會開啟新功能,並可使用鍵盤快速鍵 (通常在瀏覽器中執行時繼續保留)。漸進式網頁應用程式可以註冊,以便接受其他應用程式的內容,或將其設為預設應用程式來處理不同類型的檔案。

漸進式網頁應用程式從分頁移出進入獨立應用程式視窗時,會改變使用者的想法和互動方式。

兩全其美

漸進式網頁應用程式基本上只是網頁應用程式。新式瀏覽器可以採用漸進式強化機制,提供多項新功能。透過服務工作站和網頁應用程式資訊清單,您的網頁應用程式將變得可靠且易於安裝。即使未提供新功能,使用者仍能使用核心體驗。

數字沒有假!推出 Progressive Web Apps 的公司都獲得相當出色的成效。舉例來說,Twitter 的單次工作階段頁數增加了 65%、Twitter 訊息數增加 75%,跳出率則減少 20%,同時將應用程式大小縮減超過 97%。改用 PWA 後,Nikkei 的自然流量增加了 2.3 倍、訂閱人數增加 58%,每日活躍使用者人數則增加了 49%。Hulu 以漸進式網頁應用程式取代了特定平台的電腦版體驗,回訪率增加了 27%。

Progressive Web Apps 為您提供獨一無二的機會,並提供使用者喜愛的網路體驗。Progressive Web Apps 使用最新的網頁功能來提供強化的功能和可靠性,可讓您使用單一程式碼集,隨時隨地在任何裝置上安裝您建構的內容。