Progressive Web App, 简称 ，是提升 Web App 的体验的一种新方法，能给用户原生应用的体验。

PWA 能做到原生应用的体验不是靠特指某一项技术，而是经过应用一些新技术进行改进，在安全、性能和体验三个方面都有很大提升，PWA 本质上是 Web App，借助一些新技术也具备了 Native App 的一些特性，兼具 Web App 和 Native App 的优点。

PWA 的主要特点包括下面三点：

1. 可靠 - 即使在不稳定的网络环境下，也能瞬间加载并展现
2. 体验 - 快速响应，并且有平滑的动画响应用户的操作
3. 粘性 - 像设备上的原生应用，具有沉浸式的用户体验，用户可以添加到桌面

可靠

通过 能够让用户在网络条件很差或离线的情况下也能瞬间加载并且展现。

介绍个sw的简便实现方法

// webpack.config.js  var OfflinePlugin = require('offline-plugin');  module.exports = {    plugins: [      new OfflinePlugin({        Caches: 'all'      })    ]  }  //index.js  import * as OfflinePluginRuntime from 'offline-plugin/runtime';  OfflinePluginRuntime.install();复制代码

体验

首屏加载优化

粘性

1. 借助 提供给用户和 Native App 一样的沉浸式体验
2. 可以通过给用户，让用户回流

坑：

1. ios桌面icon 实现依然使用标签
2. 全站必须使用https,
3. manifest.json配置的start-url必须在sw.js缓存列表中，否则无法离线使用

推荐阅读文章：