[发明专利]页面加载方法、装置、电子设备及存储介质

说明书

本公开关于一种页面加载方法、装置、电子设备及存储介质，该方法包括：响应于针对目标页面的加载请求，加载并渲染所述目标页面的基础元素，然后分多个加载周期完成目标页面的各个业务组件的加载和渲染，其中，在每个加载周期内，目标页面的至少一个业务组件加载完成后，渲染加载完成的至少一个业务组件。通过采用分步加载的方法，先加载并渲染目标页面的基础元素，以便能够及时响应用户的页面加载请求，然后，再分多个加载周期完成目标页面的各个业务组件的加载和渲染，且在每个加载周期内，目标页面的至少一个业务组件加载完成后，立即渲染加载完成的至少一个业务组件，从而能够分多步逐渐加载完成目标页面的多个功能，提升用户的使用体验。

技术领域

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

背景技术

在APP中，打开页面时，通常会初始化页面的所有必须组件，当页面功能较多时，需要初始化的组件也会急剧增加，导致页面打开速度较慢，用户会觉得APP响应慢或者卡顿，影响用户的使用体验。

相关技术中，可利用设备的多线程能力，使用异步加载的方法，每一个线程加载一组任务，以减少主线程耗时，保证依赖主线程的用户操作及时响应，然而，涉及到UI方面的组件较多的应用场景中，比如直播业务，需要在主线程进行初始化，难以利用到多线程能力，无法使用异步加载的方法，导致页面打开速度较慢，影响用户的使用体验。

发明内容

本公开提供一种页面加载方法、装置、电子设备及存储介质，以至少解决相关技术中页面打开速度较慢的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面加载方法，包括：

响应于针对目标页面的加载请求，加载并渲染所述目标页面的基础元素；

分多个加载周期完成所述目标页面的各个业务组件的加载和渲染；其中，在每个加载周期内，所述目标页面的至少一个业务组件加载完成后，渲染所述加载完成的至少一个业务组件。

可选地，在分多个加载周期完成所述目标页面的各个业务组件的加载和渲染之前，所述方法还包括：

获取刷新帧率；

根据所述刷新帧率，确定每个加载周期的周期总时长。

可选地，分多个加载周期完成所述目标页面的各个业务组件的加载和渲染，包括：

根据所述周期总时长，确定第一加载时长阈值；

在每个加载周期内，按照多个业务组件的加载顺序，依次加载所述业务组件；

在每个业务组件加载完成后，获取当前加载周期的累积加载时长；

当所述累积加载时长大于所述第一加载时长阈值时，停止当前周期内的所述业务组件的加载，并在当前周期内渲染所述加载完成的至少一个业务组件。

可选地，分多个加载周期完成所述目标页面的各个业务组件的加载和渲染，包括：

根据所述周期总时长，确定第二加载时长阈值；

根据当前终端的性能参数，确定每个业务组件的加载耗时；

根据所述第二加载时长阈值、每个业务组件的加载耗时以及多个业务组件的加载顺序，将多个业务组件分为按序排列的多组；

按照每组业务组件的排列顺序，在每一加载周期内加载一组业务组件；

在每个加载周期内，所述目标页面的一组业务组件加载完成后，渲染所述加载完成的一组业务组件。

可选地，分多个加载周期完成所述目标页面的各个业务组件的加载和渲染，包括：