网页前端黑科技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两套不同的版本
   存在劣势：
6. 流览器对技术支持还不够全面， 不是每一款流览器都能100%的支持所有PWA。
7. 需要通过第三方库才能调用底层硬件（如摄像头）。
8. PWA现在还没那么火，国内一些手机生产商在Android系统上做了手脚，似乎屏蔽了PWA, 但是相信PWA迟早会火起来。
   
   PWA如何弥补和原生App的差距？
   PWA使用app Shell架构模型
9. 快速加载
10. 尽可能使用较少的数据
11. 使用本机缓存中的静态资产
12. 将内容与导航分离开来
13. 检索和显示特定页面的内容（HTML、JSON 等）
14. 缓存动态内容 App Shell 可保证 UI 的本地化以及从 API 动态加载内容，但同时不影响网络的可链接性和可检测性。用户下次访问您的应用时，应用会自动显示最新版本。无需在使用前下载新版本。
15. 为了保证首屏的加载，在内容请求完成之前，可以优先保证 App Shell 的渲染，做到和 Native App 一样的体验，App Shell 是 PWA 界面展现所需的最小资源。

刚刚推出2.3.3版本不久的Magento系统已经官方更新了对PWA功能的集成接口，这对开发者来说是一件提前进入移动新时代的关键点，这也是Google和Magento自2015年以来的又一次战略性合作。

标签：Shell,网页,优劣,App,内容,版本,PWA,加载
来源： https://blog.51cto.com/14571960/2442985