紀錄工作經驗、相關知識,解決技術相關問題。

網站相關

PWA 是什麼? 漸進式網路應用程式 優點 缺點

PWA 是什麼? PWA 是 2015 提出的概念,全名為 Progressive Web Apps,中文翻譯為【漸進式網路應用程式】,可以說是一種介於傳統網站(網頁)與APP之間的應用。

它允許移動用戶離線預覽、安裝,這是傳統網頁沒有的,它並不透過原生的APP進行封裝,也無需上架,這也與現在常看到的原生APP或 WebView有所不同。

如果想看比較官方版的解釋,可以看 維基百科

PWA 優點

其在於,它可以把網頁做到跟APP瀏覽一樣,在切換時達到幾乎無刷新感(前提是製作者有這功力),在操作上,這可以提升用戶體驗與網站質感。

我們可以來看一個範例 ,下方是PWA網站的一個範例錄影,可以直接看到在切換中它非常順暢,與傳統網頁不同,並沒有斷點的感覺。

PWA 網站節錄

如果你上網查PWA的優點,你還可以看到像

其他的優點還有像是比傳統的網站速度快

  • 允許推送通知
  • 開發和維護比APP還低
  • 速度比較快
  • 不用網路也能看
  • 檔案小
  • 可取得地理位置、相機、麥克風等

不過這邊在實務上的建議是…看看就好…,如果你正要採用PWA開發,以下舉3個實務上會遇到的問題,不訪先看看。

開發和維護比APP低

通常跟原生APP比的確會比較低,但如果你是希望將網站改換成PWA,轉換期間,可能會增加你原本的維護成本。

速度比較快

速度快…在多數情況是這樣,但隨著時間拉長,功能的推疊,最終還是會考驗用工程師的撰寫經驗與功力。

不用網路也能看

不用網路也能看,這點只取決於你行動裝置,且用戶必須安裝並且預覽過,如果沒有適合的引導,這塊優勢通常不會呈現。

缺點

PWA 的缺點,依據個人經驗,絕大多數是隨時間拉長,開發功能不斷增加後產生的問題,例如:

  • IOS有快取上限限制,開發時必須注意。
  • 效能問題,多樣性功能,考驗工程師水平
  • 版本間的控管,會顯得格外重要,有時不一定會比傳統的網頁還來的輕鬆。

4 留言

  1. Your point of view caught my eye and was very interesting. Thanks. I have a question for you. https://www.binance.com/ka-GE/register?ref=GJY4VW8W

  2. Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

  3. Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

  4. Thanks for sharing. I read many of your blog posts, cool, your blog is very good.

發表迴響