服务工作者缓存文件以加快加载速度

时间:2018-01-04 11:42:26

标签: angularjs caching service-worker

我有一个 angularjs 应用程序,其中包含了很多js和CSS文件。因此,为了加快加载速度,我想从缓存中加载它我正在尝试使用服务工作者

index.html 文件中,我包含js和CSS,如

<link href="custom.css" rel="stylesheet" />

并注册服务人员

<script>
    if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('service-worker.js', {useCache: true})
        .then(() => console.log('service worker installed'))
        .catch(err => console.log('Error', err));
    }

</script>

但是,如果我检查浏览器的网络选项卡,它会通过服务工作者和正常加载,那么如何从缓存中完全获取它?并且它应该在版本控制的基础上工作,以便在变化时它得到反映。

1 个答案:

答案 0 :(得分:0)

您可以查看these或使用SW Toolbox。它处理静态文件的脱机策略,以确定其网络是第一个还是先缓存。这样就解决了SW更新的方式