图片懒加载方法、装置、设备、介质和产品制造方法及图纸

技术编号:42612946 阅读:22 留言:0更新日期:2024-09-03 18:19
本公开提供了一种图片懒加载方法、装置、设备、介质和产品,涉及人工智能技术领域,具体为智能云、页面优化等技术领域。图片懒加载方法包括:响应于目标图片进入页面的可视区域,创建针对所述目标图片的目标加载任务;所述目标加载任务在所述目标图片离开所述可视区域后被取消;将所述目标加载任务添加至任务队列中,并基于预设调度规则调度所述任务队列中的任务;若调度到所述目标加载任务,且所述目标加载任务未被取消,加载所述目标图片。本公开可以提高图片加载性能。

【技术实现步骤摘要】

本公开涉及人工智能,具体为智能云、页面优化等,尤其涉及一种图片懒加载方法、装置、设备、介质和产品


技术介绍

1、影响页面加载速度的因素之一是图片资源,如果一个页面内图片较多(如电商平台或短视频平台),如果一次性加载页面内的全部图片,耗时较多。为了优化页面性能,可以采用图片懒加载技术。

2、图片懒加载(lazy loading)技术是指在页面打开的时候,不是一次性加载页面内的全部图片,而是只加载可视区域内的图片。图片懒加载技术可以在一定程度上提高页面性能和资源利用率。


技术实现思路

1、本公开提供了一种图片懒加载方法、装置、设备和介质。

2、根据本公开的一方面,提供了一种图片懒加载方法,包括:响应于目标图片进入页面的可视区域,创建针对所述目标图片的目标加载任务;所述目标加载任务在所述目标图片离开所述可视区域后被取消;将所述目标加载任务添加至任务队列中,并基于预设调度规则调度所述任务队列中的任务;若调度到所述目标加载任务,且所述目标加载任务未被取消,加载所述目标图片。

3、根本文档来自技高网...

【技术保护点】

1.一种图片懒加载方法,包括:

2.根据权利要求1所述的方法,还包括:

3.根据权利要求1所述的方法,还包括:

4.根据权利要求3所述的方法,其中,

5.根据权利要求1所述的方法,还包括:

6.一种图片懒加载装置,包括:

7.根据权利要求6所述的装置,还包括:

8.根据权利要求6所述的装置,还包括:

9.根据权利要求8所述的装置,其中,

10.根据权利要求6所述的装置,还包括:

11.一种电子设备,包括:

12.一种存储有计算机指令的非瞬时计算机可读存储介质...

【技术特征摘要】

1.一种图片懒加载方法,包括:

2.根据权利要求1所述的方法,还包括:

3.根据权利要求1所述的方法,还包括:

4.根据权利要求3所述的方法,其中,

5.根据权利要求1所述的方法,还包括:

6.一种图片懒加载装置,包括:

7.根据权利要求6所述的装置,还包括:

8.根据权利要求6所述的装置,还包括:

9....

【专利技术属性】
技术研发人员:邵艳惠
申请(专利权)人:北京百度网讯科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1