很多电商等图片很多,页面很长的业务场景适用。减少无效资源的加载。并发加载的资源过多会阻塞js的加载,影响网站的正常使用。
当进入可视区域将data-original中的url放入到src中。代码如下:
资源使用到时能从缓存中加载,提升用户体验。
页面展示的依赖关系的维护。
第一种,使用XML:
第二种:使用imge:
第三种:使用preload.js: