2017-06-16 75 views
6

我讀到了PWA的優點,但我真的不明白爲什麼我們必須使用這項技術。這與SPA相似嗎?或者這完全是另一回事?使用漸進式Web應用程序(PWA)準則會帶來哪些好處?

+0

進網絡增強(我沒有聽說過 「漸進式Web應用程序」 作爲「技術「本身)與處理那些瀏覽器支持標準支持瀏覽器的用戶(看着你,Internet Explorer)以及那些沒有啓用Javascript的用戶(意味着該網站仍然至少有用)無關。對於前者來說,這似乎不是一個問題,並且使一個「基於Web的應用程序」對於從不腳本編寫者有用可能會產生反作用(如果它只有硬鏈接和POSTBACK表單,則認爲是Slack)。一如既往,YMMV。 –

+0

我也改變了標題,使其不那麼挑釁。我認爲的根本問題是好的,並且肯定是可以回答的。 –

回答

3

SPA與PWA不同。您可以將PWA視爲您網站的增強功能。通過添加一個service worker和一個manifest,您可以將您的網站(無論是否爲SPA)帶出瀏覽器,像移動應用一樣工作,並使其性能更好。

12

一個單頁應用(SPA)可以是進Web應用程序(PWA)但PWA並不需要做個SPA。他們是兩個不同的東西。 Google定義的PWA是:

可靠 - 即使在不確定的網絡條件下也能立即加載並且不顯示downasaur。 快速 - 快速響應用戶與柔滑平滑動畫的交互,並且不會晃動滾動。 參與 - 感覺就像設備上的天然應用程序,具有身臨其境的用戶體驗。

Google PWA網站是開始瞭解PWA以及爲什麼以及如何構建PWA的好地方。

https://developers.google.com/web/progressive-web-apps/

甲SPA是簡單地在一個單一的頁被裝載在瀏覽器和所有後續路由和頁面視圖呈現使用JavaScript在客戶端(瀏覽器)上處理的網絡應用程序。

正確地將PWA和SPA的原理相結合可以大大提高用戶體驗,特別是在具有不可靠的互聯網連接的手機上。

可能今天最好的例子是一個良好實施的PWA是Twitter Lite。看看這裏:

https://mobile.twitter.com/home

...這裏讀到它:

https://blog.twitter.com/en_us/topics/product/2017/introducing-twitter-lite.html

+0

查看Google頁面,這看起來更像是使用瀏覽器技術構建的「純Web」應用程序,但不一定是瀏覽器。換句話說,如何讓您的用戶使用基於瀏覽器的技術在移動設備上使用「類似本機」的應用程序。換句話說,這就是爲什麼5-6年前Facebook爲*真實*本地應用傾銷HTML5的原因。 –

+0

以下是用於構建類似本機的應用程序的「不要愚蠢」清單:Google:https://developers.google.com/web/progressive-web-apps/checklist –

相關問題