【文件属性】:
文件名称:javascript图片延迟加载实现方法及思路
文件大小:56KB
文件格式:PDF
更新时间:2020-11-24 03:59:31
AS asc c
本文实例为大家介绍了如何通过javascript来延迟加载图片,分享给大家供大家参考,具体内容如下
当一个网页中含有大量图片时,如果一开始就将图片全部加载完毕,势必会引起性能和效率上的问题,用户可能会由于等待时间过久而离开。
这个时候,我们需要利用懒加载,也就是延迟加载图片的方式,来提高网站的亲和力。
一、延迟加载图片
基本思路如下:
给需要延迟加载的图片设置自定义属性比如lazy-src,存在图片源所在路径。然后将所有需要懒加载的图片放入一个数组,在[removed]的时候判断该数组内容是否出现在了用户视线中,如果出现了,就将自定义属性内容赋予图片的src属性。
下面我们来具体