懒加载和与预加载

懒加载和预加载 刚好相反 一个是需要时再加载 一个是提前加载好

懒加载:

   适用场景: 大型电商网站 手机端商品list展示

   解决了什么问题:1,很多图片同时加载,造成资源浪费 2, 图片加载优先级高于js,造成图片加载阻塞js加载

   实现:

   目前的应用js :jq中的zepto.js 

预加载:

   适用场景:活动页面多图片配合的情况

  解决了什么问题:  多图片切换场景要求图片要用现成的  比如动画

   实现: 1, img 标签 配合 display :none ; 2, new image 对象去提前加载到资源列表 ;3 通许xhr 对象去实现,受跨域影响

   目前的应用js :preload.js 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值