老师您好,我问下我看您课程里面说在浏览器加载空闲的 时候可以预加载些我们需要的资源,对于这个空闲我们如何判断,或者是我们是或否可以人工干预

来源:6-14 重绘与回流- 实战演练 8 ,9

Dear君临

2017-08-19

写回答

1回答

千迦

2017-08-20

预加载的时机的话,我们自己是知道业务需要在什么时候去预加载什么资源的。我举个例子,比如在某个接口数据返回之后,我们去预加载这个接口渲染出来的页面后续可能需要使用到的图片。又比如在我的页面最主要的依赖的js加载完之后,这个页面的逻辑和渲染基本就完成了, 我们就可以在那个js的onload事件中去进行预加载。这个根据业务场景的不同,我们自己随时可以控制。

在html5中,我们可以使用prefetch的link中的rel属性,去进行预加载的声明。对于使用了prefetch的资源,浏览器会自动利用空闲时间,去进行相关资源的低优先级加载。这个能力在SPA的开发中会用到。

在vue-ssr生成的资源依赖引用中,就用到了prefetch这个标签。

//szimg.mukewang.com/5998dfb70001106812000150.jpg

0
1
Dear君临
非常感谢老师的回答,很精炼!
2017-08-20
共1条回复

让你页面速度飞起来 Web前端性能优化

【面试必备】采用Vue-SSR和PWA等新技术,快速突破你的Web页面性能的瓶颈

1054 学习 · 123 问题

查看课程