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