最近看到了 Service Workers 这个东西,它可以根据配置为用户缓存网站静态与动态资源:截获用户的所有网络请求,根据缓存配置来决定是从缓存还是网络获取相应资源,从而可以极大提高网页的加载速度。优点有可定制性高、不需要服务端支持、效果显著。
最后的效果就是当你第二次访问我的网站时只会加载大约80k 的资源(除去 AdSense 的情况下),这其中包括了所有图片和音频视频,这 80k 主要是 HTML 和我使用的 DPlayer 的 API。
甚至可以在断开网络时访问(剪断网线试试吧):
当然局限性也是有的:
只支持 HTTPS,因为可以截获用户的网络请求,需要在一个安全的环境。
兼容性不太好,点击查看兼容性报告,目前只有 Chrome Firefox Opera 和部分 Android 浏览器 支持。
使用方法:>使用Service worker实现加速/离线访问静态网站
内容出处:,
声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/share/6030.html
相关推荐
-
使用screw plus来保护php代码安全
screw plus是一个开源的php扩展,作用是对php文件进行加密,网络上提供php加密的服务很多,但大多都只是混淆级别的加密,被人拿到加密文件问只要有足够耐心就能破解,与之不…
-
异常重试框架Spring Retry
spring retry 官网https://github.com/spring-projects/spring-retry 环境:springboot maven 1. 引入依赖…
-
5款开发必备chrome插件
1. Octotree • 下载安装地址:https://www.octotree.io/ • 介绍: 是一款用来显示Github项目的目录结构的Chrome扩展。在Github上…
-
这些风靡一时的前端开发神器,你还在用吗?
随着前端开发的兴起,很多编辑器、工具、框架都蜂拥而至,很多程序员也都有一些不错的选择,以下这七大开发神器,程序员不妨试试。 标配的功能基本都是带有颜色标识的HTML、CSS和Jav…
-
Vue Router4.0正式发布!焕然一新
今天,Vue Router 4 正式发布稳定版本。 在经历了 14 个 Alpha,13 个 Beta 和 6 个 RC 版本之后,Vue Router v4 闪亮登场,为你带来了…
-
使用Service worker实现加速/离线访问静态网站
第一次听到 Service Workers 这个词还是在去年 Google 来安利 Angular 2 的时候,那时就觉得很惊艳,想搞一搞,但是因为没把网站升级成 https 一直…
-
5种微服务框架可以替代Spring Boot,效率也不低
前言 在 Java 和 Kotlin 中, 除了使用Spring Boot创建微服务外,还有很多其他的替代方案。 名称 版本 发布时间 开发商 GitHub Helidon SE …
-
5款PPT插件从此妈妈不在担心你不会做幻灯片
在平日的公工作中,大家或多或少都会有制作PPT的情况出现,但是想做出精美高大上的PPT,需要每个环节花费很多的经历去思考和设计,而这样的PPT需求对于工作的人来说,并没有那么多的时…
-
20个很有用的CSS图形和图表分享
图形和图表主要用于以如饼图、折线图、条形图等方式展示数值数据的直观形式。有众多的技术利用CSS3来创建不同的图表。在任何Web行业,一个良好和优秀的数据演示可以让客户直观了解你分析…
-
V-IM:基于vue、iview、electron实现的PC和Web版聊天程序
本期推荐的是一个基于JS的超轻量级聊天软件——V-IM。 V-IM是一个基于vue、iview、electron实现的 PC和Web版聊天程序,界面高仿微信,后端使用springb…