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

作者: 会飞的鱼

全网最全的网络资源分享网站

手机扫码查看

标签:

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

最近看到了 Service Workers 这个东西,它可以根据配置为用户缓存网站静态与动态资源:截获用户的所有网络请求,根据缓存配置来决定是从缓存还是网络获取相应资源,从而可以极大提高网页的加载速度。优点有可定制性高、不需要服务端支持、效果显著。最后的效果就是当你第二次访问我的网站时只会加载大约80k 的资源(除去 AdSense 的情况下),这其中包括了所有图片和音频视频,这 80k 主要是 HTML 和我使用的 DPlayer 的 API。

Image

甚至可以在断开网络时访问(剪断网线试试吧):

Image

当然局限性也是有的:只支持 HTTPS,因为可以截获用户的网络请求,需要在一个安全的环境。兼容性不太好,点击查看兼容性报告,目前只有 Chrome Firefox Opera 和部分 Android 浏览器 支持。

Image

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

使用service worker+sw-precache实现网站加速

使用Service worker实现加速/离线访问静态blog网站

Service Workers 与离线缓存

本文最后更新于2017-10-11,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
分享到:
打赏
未经允许不得转载:

作者: 会飞的鱼, 转载或复制请以 超链接形式 并注明出处 会飞的鱼
原文地址: 《Service Workers 实现网站加速和离线缓存》 发布于2017-10-11

评论

  1. #4
    惠勇 游客 Lv.1

    回复了(抽烟)

  2. #3
    虫子 游客

    回复了[滑稽]

  3. #2
    虫子 游客

    OωO( ̄へ ̄)回复了(便便)

  4. #1
    虫子 游客

切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏