PWA 是什麼? PWA 是 2015 提出的概念,全名為 Progressive Web Apps,中文翻譯為【漸進式網路應用程式】,可以說是一種介於傳統網站(網頁)與APP之間的應用。
它允許移動用戶離線預覽、安裝,這是傳統網頁沒有的,它並不透過原生的APP進行封裝,也無需上架,這也與現在常看到的原生APP或 WebView有所不同。
如果想看比較官方版的解釋,可以看 維基百科。
PWA 優點
其在於,它可以把網頁做到跟APP瀏覽一樣,在切換時達到幾乎無刷新感(前提是製作者有這功力),在操作上,這可以提升用戶體驗與網站質感。
我們可以來看一個範例 ,下方是PWA網站的一個範例錄影,可以直接看到在切換中它非常順暢,與傳統網頁不同,並沒有斷點的感覺。
如果你上網查PWA的優點,你還可以看到像
其他的優點還有像是比傳統的網站速度快
- 允許推送通知
- 開發和維護比APP還低
- 速度比較快
- 不用網路也能看
- 檔案小
- 可取得地理位置、相機、麥克風等
不過這邊在實務上的建議是…看看就好…,如果你正要採用PWA開發,以下舉3個實務上會遇到的問題,不訪先看看。
開發和維護比APP低
通常跟原生APP比的確會比較低,但如果你是希望將網站改換成PWA,轉換期間,可能會增加你原本的維護成本。
速度比較快
速度快…在多數情況是這樣,但隨著時間拉長,功能的推疊,最終還是會考驗用工程師的撰寫經驗與功力。
不用網路也能看
不用網路也能看,這點只取決於你行動裝置,且用戶必須安裝並且預覽過,如果沒有適合的引導,這塊優勢通常不會呈現。
缺點
PWA 的缺點,依據個人經驗,絕大多數是隨時間拉長,開發功能不斷增加後產生的問題,例如:
- IOS有快取上限限制,開發時必須注意。
- 效能問題,多樣性功能,考驗工程師水平
- 版本間的控管,會顯得格外重要,有時不一定會比傳統的網頁還來的輕鬆。
binance-
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
binance নিবন্ধন করুন
Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.
Bonus de parrainage Binance
Thanks for sharing. I read many of your blog posts, cool, your blog is very good.
Регистрация на www.binance.com
Thanks for sharing. I read many of your blog posts, cool, your blog is very good.