代码之家 › 专栏 › 技术社区 › Estus Flask

正在等待窗口加载事件以注册服务工作进程

workbox progressive-web-apps service-worker javascript

Estus Flask · 技术社区 · 7 年前

<script>
// Check that service workers are registered
if ('serviceWorker' in navigator) {
  // Use the window load event to keep the page load performant
  window.addEventListener('load', () => {
    navigator.serviceWorker.register('/sw.js');
  });
}
</script>

load 事件处理程序?

3 回复 | 直到 7 年前

abraham 7 年前

服务人员在后台从主线程加载,但他们仍然消耗计算机资源,如果是预缓存,还消耗网络资源。如果当前呈现页面需要500KB才能呈现,并且您希望预缓存该页面以完全脱机工作,则服务人员还必须下载该500KB。这与呈现的当前页面竞争,因此建议延迟注册服务工作人员,直到当前页面为用户准备就绪。

web fundamentals .

André Kelling 7 年前

您仍然需要加载所有资源,然后服务人员将它们存储在浏览器中。

服务辅助线程未与主线程一起运行。

Anand 7 年前

browser implementation as an API . web应用程序中的SW JS代码将与浏览器的SW实现对话,以缓存加载SW JS文件之前/之后加载的文件。就软件的缓存能力而言,按什么顺序加载文件的顺序或时间并不重要。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前