網頁前端黑科技PWA的優劣對比

2016年，PWA在google正式落地，基於Chromium的瀏覽器Chrome和Opera已經完全支援PWA了，隨著 iOS 11.3 的釋出，iOS正式開始支援PWA，Windows Edge 支援PWA，隨著越來越多的遊覽器大廠，相繼的對PWA做出了支援和最佳化，想必PWA的時代即將到來。

天生優勢：

1. 無需安裝，無需下載，只要你輸入網址訪問一次，然後將其新增到裝置桌面就可以持續使用。

2. 釋出不需要提交到app商店稽核

3. 更新迭代版本不需要稽核，不需要重新發布稽核

4. 現有的web網頁都能透過改進成為PWA， 能很快的轉型，上線，實現業務、獲取流量

5. 不需要開發Android和IOS兩套不同的版本

存在劣勢：

1. 流覽器對技術支援還不夠全面， 不是每一款流覽器都能100%的支援所有PWA。

2. 需要透過第三方庫才能呼叫底層硬體（如攝像頭）。

3. PWA現在還沒那麼火，國內一些手機生產商在Android系統上做了手腳，似乎遮蔽了PWA, 但是相信PWA遲早會火起來。  

PWA如何彌補和原生App的差距？

PWA使用app Shell架構模型

1. 快速載入

2. 儘可能使用較少的資料

3. 使用本機快取中的靜態資產

4. 將內容與導航分離開來

5. 檢索和顯示特定頁面的內容（HTML、JSON 等）

6. 快取動態內容 App Shell 可保證 UI 的本地化以及從 API 動態載入內容，但同時不影響網路的可連結性和可檢測性。使用者下次訪問您的應用時，應用會自動顯示最新版本。無需在使用前下載新版本。

7. 為了保證首屏的載入，在內容請求完成之前，可以優先保證 App Shell 的渲染，做到和 Native App 一樣的體驗，App Shell 是 PWA 介面展現所需的最小資源。

剛剛推出2.3.3版本不久的Magento系統已經官方更新了對PWA功能的整合介面，這對開發者來說是一件提前進入移動新時代的關鍵點，這也是Google和Magento自2015年以來的又一次戰略性合作。