4、懒加载与预加载

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

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

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

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

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

页面展现的依赖关系的维护。url

第一种,使用XML:blog

第二种:使用imge:图片

第三种:使用preload.js:资源

相关文章
相关标签/搜索