HTML 5 曾被认为是移动应用的明天，却被原生App在性能和功能上轻易战胜，Web逐渐成为App的附属。然而，马云“爸爸”告诉我们：“梦想还是要有的，万一实现了呢？”如今，我们离梦想又近了一步。 PWA，全称「Progressive Web App」，是Google提出的为W…

从 GMTC 2017 到 GMTC 2018 的一年多时间里，PWA 在国内外都有很大的发展。相比于 GMTC 2017 ，从今年的分享内容以及现场听众的反馈可以看出，PWA 在国内已经进入到了技术应用阶段。

当前web应用在移动时代并没有达到其在桌面设备上流行的程度，下面有张图来对比与原生应用之间的差别。 假如能解决以上的几点，对web app 来说会有多大的提升可以想象。 PWA 全称Progressive Web Apps(渐进式Web应用程序)，旨在使用现有的web技术提供用…

使用AppCache可以为我们提供几种支持内容离线工作的模式。如果这些模式正是你所需要的，那么恭喜你，你中了APPCache的大奖（尽管头等奖依然无人认领），但我们这些其余的人都挤在角落里来回摇摆（译者注：作者指的是由于设计上的原因，AppCache逐渐地被Web标准移除，虽然…

前端的日益发展，都离不开性能优化的手段，包括 CDN、CSS Sprite、文件的合并压缩、异步加载、资源缓存等等。更多的时候为了减少用户量的请求，于是就有了PWA，秒开网站，离线访问等等。

2016年 Google 在 I/O 大会上提出一个 Next Web Generation 的概念 —— PWA 横空出世，2017年始开始流行，目前虽未完全成熟，但越来越火爆，可以预见未来前景广阔。你还在等什么？ PWA（Progressive Web App）[1]， 渐…

1. 什么是 PWA？ 2. 首屏优化 2.1. 静态资源优化 2.2. 动态数据优化 2.3. 直出html优化 3. 替代离线包 但是离线包系统是非常成熟的系统，要完全替换掉它还需要考虑许多方面的问题。 3.1. 更新机制 离线包有个自动更新的机制，每隔一段时间就会去请求离…

Progressive Web App, 简称 PWA，是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。 PWA 能做到原生应用的体验不是靠特指某一项技术，而是经过应用一些新技术进行改进，在安全、性能和体验三个方面都有很大提升，PWA 本质上是 Web Ap…

Cache API 是一套搭配 PWA serviceworker 赋能的存储机制，来实现请求数据离线功能。与 applicationCache 相似，提供了力度极细的存储控制能力，内容完全由脚本控制。常在 serviceworker 中搭配 Fetch 使用，且同一个 URL…