延迟加载
在网页刚开始打开的时候,并没有加载这些图片,滚动条移动到一定的位置才加载这些图片,这就是延迟加载的一个例子。
延迟加载的好处:使用延迟加载节约大量的流量资源。
实现预加载的方法:
1、将图片的实际的路径位置放在xsrc中
2、得到图片距离窗口顶端的距离
3、获取屏幕可视区域的最低点的位置 达到的时候实现1
预加载
在网页打开某一张大图的时候,这个图片的前一张和后一张都已经加载了。
预加载的方式:
1、在大图没有加载成功的时候显示的是正在加载的一个小图标,等待后台加载成功以后,再显示这个大图
2、当正在显示这张图片的时候,前一张和后一张图片都已经被加载,这也是一种预加载的方式