个人备案网站可以做商城展示,怎么做souq网站,怎么用微信官方网站做二维码,在淘宝上的毕设网站代做高磊 OpenWeb开发者 1周前
在 GMTC 2018 全球大前端会议举办期间#xff0c;高磊担任主题演讲嘉宾#xff0c;并担任 PWA 专场出品人。作为有近 10 年 Web 前端技术开发、管理经验的开发者#xff0c;高磊一直关注着 PWA 技术的发展。
2017年 6月10日#xff0c;GMTC 201…高磊 OpenWeb开发者 1周前
在 GMTC 2018 全球大前端会议举办期间高磊担任主题演讲嘉宾并担任 PWA 专场出品人。作为有近 10 年 Web 前端技术开发、管理经验的开发者高磊一直关注着 PWA 技术的发展。
2017年 6月10日GMTC 2017 开幕仅来自 Google 的工程师 Michael 分享了题目为《PWA移动 Web 的现在与未来》的主题演讲国内尚没有讲师分享PWA 相关技术。
时隔一年2018 年 6 月21日 GMTC 2018 专门设立 PWA 专场阿里、美团点评、百度的各位讲师们分别分享了主题为《从 UC 内核角度谈谈 PWA 技术在阿里体系的实践及影响》、《跨容器高性能的离线化方案在美团的实践和探索》、《在 PWA 中使用 App Shell 模型提升性能和用户感知体验》的演讲。
相比于 GMTC 2017 从今年的分享内容以及现场听众的反馈可以看出PWA 在国内已经进入到了技术应用阶段。
PWA国内外发展
从 GMTC 2017 到 GMTC 2018 的一年多时间里PWA 在国内外都有很大的发展。
国外发展
在今年 5 月份举办的 Google I/O 大会上Google 基本上每个和 Web 相关的演讲中都提到了 PWA。在 Google 的强力推动下海外已经有相当多的站点拥有了 PWA 独立形态。其中星巴克就是 Google 强推的一个典型的独立 PWA 站点案例海外的星巴克官网经过 PWA 改造日活和月活增张了两倍之多
Google 在 2017 年的 Chrome Dev Summit 上就提出了 PWA 作为独立形态外的另外一层意义Progressive Web Apps are just a higher bar for user experience. 从 Google 统计来看改造 PWA 之后的网站转化率平均提升 20% 以上这种转化率的提升说明了 PWA 具有提升 Web 体验的能力。
国内发展
PWA在国内的发展相对缓慢目前国内还没有类似国外“ PWA 站点”独立形态的成熟站点但是“技术无国界”PWA 相关技术已经应用于国内的一些前沿互联网公司。 PWA在性能优化上带来了新的解决方案美团点评的于秋同学在 GMTC 的演讲中提到在应用 Service Worker 对支付业务进行迭代后性能提升了 22%同时支付转化率提升了 1%2%。讲师还提到Service Worker 是一种标准化的技术方案并不是什么“黑魔法”不用过于担心跨平台的问题。通过现场问答、线下交流环节的火爆程度我们可以看出 Service Worker 对性能优化的有效性已经得到了国内前端技术人员的认可。
PWA不单带来了性能上的体验提升在用户感知层面的东西同样值得大家关注App Shell 解决了 Web 页面跳转白屏、等待等体验不佳的问题给用户带来了完整的站点体验。百度讲师潘宇琪带来了 App Shell 相关的分享。在演讲中宇琪提到使用 APP Shell 的两点好处
性能方面使用 App Shell 模型可以将通用资源和动态内容分离实现用户访问的快速响应 体验方面App Shell 使得Web App 也可以拥有 Native App 每次点击反馈之后的顺畅交互体验。 Service Worker、App Shell 在国内都已经有了应用实例Web 的性能以及浏览、交互体验也已经有了很多样典型站点。那么 PWA 的独立形态为什么迟迟没有出现具备“将 Web 站点添加到桌面”、“Web Push”消息推送的独立应用何时到来这个可能是留给各大内容、服务分发平台以及厂商的思考题。作为前端开发者和互联网从业者期待更早的出现答案。
PWA兼容性
Safari 在今年 3 月份发布的 iOS 11.3 版本中支持了 PWA 相关特性。 到目前为止几乎所有的主流浏览器都支持了 PWA 的相关特性。 目前支持 PWA 相关特性的浏览器
总结
目前我们正在经历着 PWA 给移动 Web 带来的新变化这种变化将会大大提升用户浏览和交互的体验。有体验做基础有全球最顶尖的技术开发者做技术迭代我们有理由相信有着大量流量与用户群体的 Web 生态将会有更大的发展空间。
