懒加载和预加载 刚好相反 一个是需要时再加载 一个是提前加载好
懒加载:
适用场景: 大型电商网站 手机端商品list展示
解决了什么问题:1,很多图片同时加载,造成资源浪费 2, 图片加载优先级高于js,造成图片加载阻塞js加载
实现:
目前的应用js :jq中的zepto.js
预加载:
适用场景:活动页面多图片配合的情况
解决了什么问题: 多图片切换场景要求图片要用现成的 比如动画
实现: 1, img 标签 配合 display :none ; 2, new image 对象去提前加载到资源列表 ;3 通许xhr 对象去实现,受跨域影响
目前的应用js :preload.js