首页 存档 技术 查看内容

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

2018-3-30 13:00 |来自: 互联网 287 0

摘要: 作者:Google 开发技术专家 (GDE)杨波 (Alpha) 现在很流行基于 GitHub page 和 markdown 的静态 blog,非常适合技术的思维和习惯,针对不同的语言都有一些优秀的静态 blog 系统出现,如 Jekyll/Ruby,Pelican/Pytho ...


作者:Google 开发技术专家 (GDE)杨波 (Alpha)


现在很流行基于 GitHub page 和 markdown 的静态 blog,非常适合技术的思维和习惯,针对不同的语言都有一些优秀的静态 blog 系统出现,如 Jekyll/Ruby,Pelican/Python,Hexo/NodeJs,由于静态内容的特性非常适合做缓存来加速页面的访问,就利用 Service worker 来实现加速,结果是除了 PageSpeed,CDN 这些常见的服务器和网络加速之外,通过客户端实现了更好的访问体验。



加速/离线访问只需三步

1. 首页添加注册代码

2. 复制代码

将 https://alphayang.github.io/sw.js 保存到你的网站根目录下。


3. 修改不缓存域名列表及离线状态页面

在你的 sw.js 中修改


打开 Chrome Dev Tools-

声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

相关分类

返回顶部