四、懒加载与预加载

懒加载:图片进入可视区域之后请求图片资源

很多电商等图片很多,页面很长的业务场景适用。
减少无效资源的加载。
并发加载的资源过多会阻塞js的加载,影响网站的正常使用。

当进入可视区域将data-original中的url放入到src中。代码如下:

预加载:图片等静态资源在使用之前的提前请求

资源使用到时能从缓存中加载,提升用户体验。

页面展示的依赖关系的维护。

第一种,使用XML:

第二种:使用imge:

第三种:使用preload.js:

 

posted @ 2019-06-15 15:59  小辣条  阅读(173)  评论(0编辑  收藏  举报