延迟加载和预加载

延迟加载

在网页刚开始打开的时候,并没有加载这些图片,滚动条移动到一定的位置才加载这些图片,这就是延迟加载的一个例子。
延迟加载的好处:使用延迟加载节约大量的流量资源。
实现预加载的方法:
1、将图片的实际的路径位置放在xsrc中
2、得到图片距离窗口顶端的距离
3、获取屏幕可视区域的最低点的位置 达到的时候实现1

预加载

在网页打开某一张大图的时候,这个图片的前一张和后一张都已经加载了。
预加载的方式:
1、在大图没有加载成功的时候显示的是正在加载的一个小图标,等待后台加载成功以后,再显示这个大图
2、当正在显示这张图片的时候,前一张和后一张图片都已经被加载,这也是一种预加载的方式

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值