最近看到了 Service Workers 这个东西,它可以根据配置为用户缓存网站静态与动态资源:截获用户的所有网络请求,根据缓存配置来决定是从缓存还是网络获取相应资源,从而可以极大提高网页的加载速度。优点有可定制性高、不需要服务端支持、效果显著。
最后的效果就是当你第二次访问我的网站时只会加载大约80k 的资源(除去 AdSense 的情况下),这其中包括了所有图片和音频视频,这 80k 主要是 HTML 和我使用的 DPlayer 的 API。
甚至可以在断开网络时访问(剪断网线试试吧):
当然局限性也是有的:
只支持 HTTPS,因为可以截获用户的网络请求,需要在一个安全的环境。
兼容性不太好,点击查看兼容性报告,目前只有 Chrome Firefox Opera 和部分 Android 浏览器 支持。
使用方法:>使用Service worker实现加速/离线访问静态网站
内容出处:,
声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/share/6030.html
相关推荐
-
Vue3.0 开源UI组件库
这段时间对于前端人来说,最大的惊喜莫过于期盼已久的Vue.js 3.0正式发布了。 之前就有很多小伙伴询问vue3组件库相关的问题。趁着vue.js 3.0发布的热潮,就给大家推荐…
-
Glider.js–高性能轻量级零依赖的轮播图组件
介绍 Glider.js是一个依赖原生js的轮播图组件库,因为其压缩后仅仅2.8k大小,其拥有着很好的性能,Glider.js在Github上开源,目前已拥有2.4kstars。 …
-
6个很棒的Webpack插件提高你的生产力
webpack插件用于执行更广泛的任务,例如包优化,资产管理和环境变量注入。 webpack本身建立在与webpack配置相同的插件系统上。根据你使用Webpack的方式,有多种使…
-
OpenSTF–可以在网页上运行安卓系统
今天发现个很酷的开源软件OpenSTF,可以在网页上运行安卓系统。 OpenSTF是使用nodejs和angularjs开发,看来现在大前端能做的东西还真是蛮多的。 有人经常问我是…
-
Resynth,用「推箱子」的方式玩音乐节奏游戏丨App+1
自 Planet Quest 之后,iOS 就没有让我印象深刻的音乐节奏游戏了。魔性、动感、又不需要过多的音乐细胞,是我喜爱的音游应该具备的一些元素,近日上架的 Resynth,可…
-
feapder:这个轻量级的爬虫框架要火了
1. 前言 众所周知,Python 最流行的爬虫框架是 Scrapy,它主要用于爬取网站结构性数据 今天推荐一款更加简单、轻量级,且功能强大的爬虫框架:feapder 项目地址: …
-
Golang超好用的支付宝支付类库
Golang超好用的支付宝支付类库 在我的上一篇文章中小编给大家推荐了一款超好用的wechat支付类库。今天小编再给大家推荐一个超好用的支付宝支付类库smartwalle/alip…
-
一款简约大气的HBase表管理系统
1. 平台简介 从提交第一行代码,到如今HBaseManager的功能越来越丰富和完善,已经过去了三个月。这个简单的系统,也极大地方便了我们对HBase表的组织和管理工作。 系统目…
-
WIN10-LTSC-2019的无毒激活方法!附激活码
win10企业版LTSC-2019又被称为win10企业版2019长期服务版本,在win10企业版2016长期服务版本的基础上,做了很多优化。因为功能得到简化,是目前最流畅的系统版…
-
蘑菇博客(MoguBlog)–一款开源微服务前后端分离博客平台
项目简介 今天给大家分享一款基于微服务架构的前后端分离博客系统——蘑菇博客(MoguBlog),点击扩展链接查看下载地址。Web端使用Vue Element , 移动端使用unia…