码迷,mamicode.com
首页 > 其他好文 > 详细

Vue中的 registerServiceWorker相关

时间:2020-11-21 12:25:11      阅读:6      评论:0      收藏:0      [点我收藏+]

标签:work   cti   ==   缓存机制   bsp   就是   访问   app   RKE   

首先说明,registerServiceWorker可以运用于主流框架,它只是为了简化缓存机制产生的js包,以下的例子是在Vue中使用
这个文件可以视情况用或者不用,它是用来做离线缓存等任务的,实际上就是为Vue项目注册了一个service worker。这样的话,如果在线上,只要访问过一次该网站,以后即使没有网络也可以访问(此时使用的是之前缓存的资源)。只在生产环境中有效(process.env.NODE_ENV === ‘production’)

使用service worker的现象是什么呢?

他会在第一次访问该站点的时候,一次性请求加载所有资源,当然 除了当前页面的资源是通过浏览器去获取的,其他缓存资源都是通过service worker。

 

如果本身的app或者网站没有离线使用的需求,禁用 registerServiceWorker.js 可以大幅度提高第一次加载的速度。

Vue中的 registerServiceWorker相关

标签:work   cti   ==   缓存机制   bsp   就是   访问   app   RKE   

原文地址:https://www.cnblogs.com/observationKafka/p/13995453.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!