現代化 Web 開發實踐之 PWA

{"type":"doc","content":[{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"背景"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"PWA 即 Progressive Web App，是谷歌於 2016 年在 Google I\/O 大會上提出的下一代 Web App 概念，於2017年落地的 web 技術，旨在增強 Web 體驗，縮小 Web App 與 Native App 的差距並創建類似的用戶體驗。目前 Chrome，Safari，Firefox，Edge 瀏覽器都在不同程度上支持了 PWA ，國內外一些網站也已進行 PWA 實踐，如Twitter，Starbucks，餓了麼，新浪，其中不乏成功案例，在應用 PWA 後得到了一些可量化的收益："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"bulletedlist","content":[{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"West Elm 應用 PWA 後數據顯示用戶使用時間增加了 15 %，收入增加了9 %。"}]}]},{"type":"listitem","attrs":{"listStyle":null},"content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"印度最大的電子商務網站 Flipkart 的用戶使用時間增加了三倍，互動率增加了 40 %。"}]}]}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"理論上來說，對於所有 Web App，只要參考 PWA 的標準對其進行改造，就可實現 PWA ，而對 App 來說，用戶的體驗是判斷一個應用好壞的重要標準，PWA 的改造並不複雜，卻可以很大程度上提升用戶體驗，是投入\/產出比很高的一項技術，且 PWA 的相關功能和瀏覽器對 PWA 的支持程度也在不斷地增加，未來還有很大的潛力。"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}}]}