javascript图片延迟加载实现方法及思路

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

网友评论