[发明专利]一种首屏加载优化方法、装置、电子设备及计算机可读存储介质

权利要求书

1.一种首屏加载优化方法，其特征在于，包括：

S1、获取屏幕页面长度和第一页面标识；

S2、利用HTML的标签属性获取单个加载元素的长度；

S3、根据屏幕页面的长度不大于必要加载元素数量与单个加载元素的长度的乘积，获取必要加载元素数量，根据所述必要加载元素数量确定必要加载资源；

S4、利用键值对的方式存储所述必要加载资源；其中，所述键为第一页面标识，所述值为所述必要加载资源；

S5、在首次加载页面的情况下，响应于页面的加载指令，获取页面地址，所述页面地址为待加载页面的地址；接收首页页面的加载请求，并根据所述加载请求获取所述首页页面加载所需的必要加载资源，其中，所述加载请求包括第一页面标识；

S6、对所述必要加载资源执行页面渲染操作，以完成所述首页页面的加载；

S7、待所述必要加载资源加载完成后，加载所述必要加载资源之外的首页页面加载资源。

2.根据权利要求1所述的方法，其特征在于，所述步骤S1包括利用JavaScriptController计算屏幕页面的长度与宽度。

3.根据权利要求1所述的方法，其特征在于，所述步骤S3包括：

S31、所述屏幕页面的长度包括屏幕页面的长和宽；所述单个加载元素的长度包括单个加载元素的长和宽；

S32、根据屏幕页面的长不大于第一元素数量乘以单个元素的长，屏幕页面的宽等于第二元素数量乘以单个元素的宽；计算出第一元素数量与第二元素数量；所述第一元素数量为必要加载资源在屏幕长度方向的最大加载数量；所述第二元素数量为必要加载资源在屏幕宽度方向的最大加载数量；

S33、根据所述第一元素数量与第二元素数量确定必要加载资源的数量。

4.根据权利要求1所述的方法，其特征在于，所述方法还包括基于预设的规则将所述必要加载资源单独打包成首页页面。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：将所述必要加载资源利用键值对的方式缓存到本地，将所述必要加载资源之外的首页页面加载资源存储到Web服务器。

6.根据权利要求5所述的方法，其特征在于，响应于首页页面的加载请求，从客户端本地加载所述必要资源；

待所述必要加载资源加载完成后，加载Web服务器存储的所述必要加载资源之外的首页页面加载资源并进行本地存储。

7.根据权利要求6所述的方法，其特征在于，预设的第一时间段结束后，删除本地存储的所述必要加载资源之外的首页页面加载资源。

8.一种首屏加载优化装置，其特征在于，包括：

获取模块，用于获取屏幕页面长度和第一页面标识；

第一计算模块，利用HTML的标签属性获取单个加载元素的长度；

第二计算模块，用于根据屏幕页面的长度不大于必要加载元素数量与单个加载元素的长度的乘积，获取必要加载元素数量，根据所述必要加载元素数量确定必要加载资源；

存储模块，用于利用键值对的方式存储所述必要加载资源；其中所述键为第一页面标识，其中所述值为所述必要加载资源；

同步加载模块，用于在首次加载页面的情况下，响应于页面的加载指令，获取页面地址，所述页面地址为待加载页面的地址；接收首页页面的加载请求，并根据所述加载请求获取所述首页页面加载所需的必要加载资源，其中，所述加载请求包括第一页面标识；

渲染模块，用于对所述必要加载资源执行页面渲染操作，以完成所述首页页面的加载；

异步加载模块，待所述必要加载资源加载完成后，加载所述必要加载资源之外的首页页面加载资源。

9.一种电子设备，其特征在于，包括：处理器，以及与所述处理器通信连接的存储器；

所述存储器存储计算机执行指令；

所述处理器执行所述存储器存储的计算机执行指令，以实现如权利要求1-7中任一项所述的方法。