• 注册
  • 查看作者
  • 使用 service worker+sw-precache 实现网站加速

    service worker 是谷歌 chrome 团队近年提出的一个技术方案,本意为渐进式网络应用(progressive web app, PWA)提供离线支持,使得网络应用可以离线运行。一旦启用 service worker ,则它可以根据开发者的缓存配置为用户缓存网站静态与动态资源,并截获用户的所有网络请求,并根据缓存配置来决定是从缓存还是网络获取相应资源,从而可以提高网页的加载速度。测试结果表明,一般能实现 4-5 倍的加速,最好的时候能够实现 10 倍的加速。使用 service worker 实现网站加速的优势有:

    可以很轻易地实现静态与动态资源缓存,决定缓存空间的大小与缓存时间期限,可定制性高;
    不需要服务端支持,只需要在本地生成 service worker 文件并上传就可以使用,特别适用于没有服务端的静态博客或网站;
    配合 sw-precache ,只需要做好缓存配置, sw-precache 可以自动生成 service woker 文件,不需要自己实现缓存逻辑;
    可以灵活为动态与静态资源,以及不同网址提供不同的缓存机制,并实现资源的动态更新,同样不需要自己编写代码
    劣势包括:

    网站必须启用 HTTPS:这个不太算劣势,毕竟是大势所趋,但在目前可能会限制其适用范围;
    不是所有浏览器都支持:目前 chrome, firefox,opera 以及国内的各种双核浏览器都支持,但是 safari 不支持
    不能解决首次访问缓慢的问题,因为还没有缓存。

  • 2
  • 1
  • 0
  • 8.1k
  • 如果我爱你品牌馆

    请登录之后再进行评论

    登录
  • 0
    854630991Lv.2
    wordpress怎样部署??
  • 做任务
  • 实时动态
  • 偏好设置
  • 返回顶部
  • 单栏布局 侧栏位置: