Blog post

为WordPress启用Service Worker

2018年7月1日Otstar Lin

Service Worker是Google推出的一项技术。Service Worker是浏览器在后台独立于网页运行的脚本,它打开了通向不需要网页或用户交互的功能的大门。但是对于博客来说我们只需要用到Service Worker缓存功能,加速网站的二次访问。

blog-network

从上面的加载情况看,除去Bing的每日一图,其他文件共15k,其中gif和png图都未配置Service Worker,实际请求会更小

注:Service Workers只有在HTTPS的前提下才能发挥作用


加入sw-toolbox核心至WordPress

下载sw-toolbox.js并且放到根目录

创建缓存规则

在根目录下创建serviceworker.js,并且写入下面内容(以下均为参考,具体配置请根据情况进行配置)

启用Service Workers

打开主题文件所在目录,修改footer.php,在</body>前加入以下代码

以上就是WordPress启用Service Worker的方法,由于WordPress是动态博客所以实现断网访问有些困难,博主我很菜,所以暂时无法实现断网访问(摊手

说点什么

1 评论 在 "为WordPress启用Service Worker"

avatar
  Subscribe订阅  
提醒
深蓝
访客

开发者工具->network->offline

Prev Post Next Post