Service Workers 实现网站加速和离线缓存

玩这个是因为博主闲的很。。

由于本站部分页面的图片采用缩略图，故断网情况下，这些图片将无法显示

最近看到了 Service Workers 这个东西，它可以根据配置为用户缓存网站静态与动态资源：截获用户的所有网络请求，根据缓存配置来决定是从缓存还是网络获取相应资源，从而可以极大提高网页的加载速度。优点有可定制性高、不需要服务端支持、效果显著。

最后的效果就是当你第二次访问我的网站时只会加载大约80k 的资源（除去 AdSense 的情况下），这其中包括了所有图片和音频视频，这 80k 主要是 HTML 和我使用的 DPlayer 的 API。

甚至可以在断开网络时访问（剪断网线试试吧）：

当然局限性也是有的：

只支持 HTTPS，因为可以截获用户的网络请求，需要在一个安全的环境。

兼容性不太好，点击查看兼容性报告，目前只有 Chrome Firefox Opera 和部分 Android 浏览器支持。

Service Workers 实现网站加速和离线缓存

使用方法网上有很多教程，这里不赘述了，推荐这几篇吧：