预加载和懒加载控制资源的加载时机

来源：5-5 懒加载与预加载-预加载原生 js 和 PreloadJS 实现

斜杠男人

2018-08-28

老师课程上讲预加载和懒加载控制资源的加载时机，本质上平衡浏览器当前资源加载的能力，用户浏览器现场环境复杂，浏览器是否空闲怎样去判定？

写回答

1回答

千迦

2018-08-31

已采纳

同学说的很对，浏览器现场环境确实很复杂，所以一般根据具体的业务场景去决定，这块也是相对独立的。前端性能优化一般也是在后期在做的，第一版业务开发出来之后，发现性能有问题，此时就会考虑自身业务的情况去做优化，如果说发现当前业务情况依赖于大量资源的加载，而那些资源其实在页面打开的前期其实并不会用的，那么页面打开的前期在自身的资源加载完之后，就可以去选择加载后续相关的资源，这也是比较直观和实际的思考。如果说页面打开的时候就资源加载压力很大，那显然就不能去做预加载，为了减少资源加载的压力，就会选择去做懒加载。具体选择根据业务去决定，上述的这些情况，都是可以在测试的时候判断出来的。

一般很少去根据某个用户的浏览器状态去做判定，但是这些策略也可以用触发机制，这样针对不同的用户现场也会有处理。比如预加载的情况，就可以在某个首页的主js文件onload之后，再去处理预加载的逻辑，这样就能保证预加载不影响首页的加载了，类似的方式。

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

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

1054 学习 · 123 问题

查看课程

相似问题

预加载和懒加载

回答 2

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

回答 1

懒加载

回答 1

预加载和缓存讲的内容有点少？DNS预加载，文件预加载，页面预渲染，图片预加载

回答 1

懒加载

回答 1

打开慕课网App查看更多内容