渐进式网页应用（PWA）

目录

 

PWA

Web应用 VS 本地应用

Service Worker

设计思路

---

浏览器三大进化路线：

• 应用程序Web化

• Web应用移动化

• Web操作系统化

主要说一下第二个：Web应用移动化

对于收集设备来说，前有本地App，后有移动小程序，想要浏览器切入到移动端时相当困难的一件事，因为浏览器的运行性能时低于本地App的，并且Google也没有类似微信或者Facebook体量的用户群体

不过要想切入到移动端，让其取得和原生应用同等待遇，Google提出了PWA

PWA

PWA："(Progressive Web App)"渐进式网页应用

• 站在Web应用开发者来说，PWA提供了一个渐进式的过渡方案，让普通站点逐步过渡到Web应用。采取了渐进式可以降低站点改造的代价，使得站点逐步支持各项新技术，而不是一步到位

• 站在技术角度来说，PWA技术也是一个渐进式的演化过程，在技术层面会一点点演进，比如逐渐提供更好的设备支持，不断优化更加流畅的动画效果，不断让页面的加载速度变得更快，不断实现本地应用的特性

PWA采取的是非常缓和的渐进式策略，不像以前那样激进，动不动就取代本地App、取代小程序。与之相反，而是要充分发挥Web的优势，渐进式地缩短和本地应用或者小程序的差距。

所以，PWA可以理解是：一套理念，渐进式增强Web的优势，并通过技术手段渐进式缩短和本地应用或者小程序的差距。

那么：