[发明专利]图片加载方法、装置

说明书

本公开关于一种图片加载方法、装置，包括：获取目标页面元素；获取目标页面元素的运动状态；如果目标页面元素的运动状态为滚动状态，则获取目标页面元素所承载的待加载图片，并将待加载图片加入至待加载队列，其中，待加载队列用于根据目标页面元素的运动状态变化对待加载图片进行监控，并在目标页面元素的运动状态变为非滚动状态时将待加载图片添加至加载队列进行下载。由此，可以根据图片的滚动状态来选择是否加载，如果处于滚动状态，则不直接下载，而是将其添加至待下载队列。例如，对待下载队列之中的待下载图片进行监控，在其滚动状态改变时将其移入下载队列进行下载，从而可以减小不必要的下载，降低流量消耗，以及对内存和CPU资源的占用。

技术领域

本公开涉及页面技术领域，尤其涉及一种图片加载方法、装置、电子设备及存储介质。

背景技术

在页面进行渲染时，需要不断的根据页面内容加载图片，并缓存。然而随着页面内容的不断丰富，需要加载的图片也越来越多，因此对智能设备，例如移动终端的资源消耗也越来越大。

然而，在页面加载过程中，会存在用户持续滚动的使用情况，目前针对这种情况依然是将图片全部进行加载，导致对智能设备造成了承重负担，降低了智能设备的运行效率。例如，在页面之中进行图片滚动时，会存在不断地将图片对应的元素在渲染树上加载并移除，从而导致该元素对应的图片被不断地在缓存之中加载和移除，不仅浪费了缓存资源，同时也因为不断进行图片下载和编解码操作，导致设备的CPU资源占用过大，从而导致电子设备的显示页面被用户执行滚动操作时，容易出现显示卡顿以及显著增加功耗的问题。

发明内容

本公开提供一种图片加载方法、装置，以至少解决相关技术中由于页面滚动导致的缓存资源浪费，以及电子设备出现显示卡顿和显著增加功耗的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种图片加载方法，包括：获取目标页面元素；获取所述目标页面元素的运动状态；如果所述目标页面元素的运动状态为滚动状态，则获取所述目标页面元素所承载的待加载图片，并将所述待加载图片加入至待加载队列，其中，所述待加载队列用于根据所述目标页面元素的运动状态变化对所述待加载图片进行监控，并在所述目标页面元素的运动状态变为非滚动状态时将所述待加载图片添加至加载队列进行下载。

在本公开的一个实施例之中，还包括：如果所述目标页面元素的运动状态为非滚动状态，则将所述待加载图片加入至所述加载队列。

在本公开的一个实施例之中，还包括：获取所述目标页面元素的挂载状态，其中，如果所述挂载状态为已挂载状态且所述运动状态为所述非滚动状态，则将所述待加载图片加入至所述加载队列，如果所述挂载状态为已挂载状态，且所述运动状态为所述滚动状态，则将所述待加载图片加入至所述待加载队列。

在本公开的一个实施例之中，如果所述挂载状态为未挂载状态，则不将所述待加载图片加入至所述待加载队列或加载队列。

在本公开的一个实施例之中，还包括：获取所述目标页面元素的位置状态，其中，如果根据所述目标页面元素的位置状态判断所述页面元素处于电子设备的显示空间之内，且所述运动状态为非滚动状态，则所述待加载图片加入至加载队列；如果根据所述目标页面元素的位置状态判断所述页面元素处于电子设备的显示空间之内，且所述运动状态为滚动状态，则所述待加载图片加入至待加载队列。

在本公开的一个实施例之中，还包括：如果根据所述目标页面元素的位置状态判断所述页面元素处于电子设备的显示空间之外，则不将所述待加载图片加入至所述待加载队列或所述加载队列。

在本公开的一个实施例之中，还包括：如果所述目标页面元素的状态为非挂载状态，则将所述待加载图片从所述待加载队列之中移除。