Prefetch在浏览器空闲时进行下载,到底怎样算空闲

最近在做网页加载资源的优化,发现如果vue中的资源使用懒加载的模式,js文件都是prefetch的状态。但是我有一个疑问

prefetch的定义为:只是提前告诉用户即将要用到的其他页面的文件,但是会不阻塞首页的渲染和onload事件,在浏览器空闲时进行加载

那么怎样算是浏览器空闲时?

例如我项目一共100个Js文件,首页10个,那么其他90个js都是Prefetch的状态,这时我首页页面渲染出来了,其余的90个文件开始偷偷在后台下载吗

如果我此时点击了跳转,从首页跳到了某个B页面,那90个会继续排在B页面的资源加载之后再加载,还是需要等90个都加载完了才会加载B页面的js呢??

阅读 2.6k
1 个回答
例如我项目一共100个Js文件,首页10个,那么其他90个js都是Prefetch的状态,这时我首页页面渲染出来了,其余的90个文件开始偷偷在后台下载吗

是的

如果我此时点击了跳转,从首页跳到了某个B页面,那90个会继续排在B页面的资源加载之后再加载,还是需要等90个都加载完了才会加载B页面的js呢??

90个可能加载了40个后你又有新的动作,就先搁置,等B页面加载渲染完后,再加载剩下50个,建议,自己做一个亲自去试试,开发者工具中可以看到的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题