Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
359 views
in Technique[技术] by (71.8m points)

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

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

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

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

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

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

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

是的

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

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...