(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211057794.6 (22)申请日 2022.08.31 (71)申请人 中国建设银行股份有限公司 地址 100033 北京市西城区金融大街25号 申请人 建信金融科技有限责任公司 (72)发明人 高云蛟　刘志明　李屹秦　 (74)专利代理 机构 北京市兰台律师事务所 11354 专利代理师 张博 (51)Int.Cl. G06F 16/957(2019.01) G06F 9/445(2018.01) (54)发明名称 一种首屏加载优化方法、 装置、 电子设备及 计算机可读存 储介质 (57)摘要 本申请提供了一种首屏加载优化方法、 装 置、 电子设备及计算机可读存储介质， 其特征在 于， 包括： S1、 获取屏幕页面长度和第一页面标 识； S2、 获取单个加载元素的长度； S3、 获取必要 加载元素数量， 根据所述必要加载元素数量确定 必要加载资源； S4、 利用键值对的方式存储所述 必要加载资源； S5、 根据所述加载请求获取所述 首页页面加载所需的必要加载资源； S6、 对所述 必要加载资源执行页面渲染操作； S7、 待所述必 要加载资源加载完成后， 加载所述必要加载资源 之外的首页页面加载资源。 采用本发 明能够可以 提升页面首屏加载速度， 实现对 前端加载资源的 控制， 本发明相对简单， 易于 推广。 权利要求书2页 说明书6页 附图2页 CN 115357825 A 2022.11.18 CN 115357825 A 1.一种首屏加载优化方法， 其特 征在于， 包括： S1、 获取屏幕页面长度和第一页面标识； S2、 利用HTML的标签属性获取 单个加载 元素的长度； S3、 根据屏幕页面的长度不大于必要加载元素数量与单个加载元素的长度的乘积， 获 取必要加载 元素数量， 根据所述必要加载 元素数量确定必要加载资源； S4、 利用键值对的方式存储所述必要加载资源； 其中， 所述键为第一页面标识， 所述值 为所述必要加载资源； S5、 在首次加载页面的情况下， 响应于页面的加载指令， 获取页面地址， 所述页面地址 为待加载页面的地址； 接 收首页页面的加载请求， 并根据所述加载请求获取所述首页页面 加载所需的必要加载资源， 其中， 所述加载请求包括第一页面标识； S6、 对所述必要加载资源执 行页面渲染操作， 以完成所述首页 页面的加载； S7、 待所述必要加载资源加载完成后， 加载所述必要加载资源之外的首页页面加载资 源。 2.根据权利要求1所述的方法， 其特征在于， 所述步骤S1包括利用JavaScript   Controller计算屏幕页面的长度与宽度。 3.根据权利要求1所述的方法， 其特 征在于， 所述 步骤S3包括： S31、 所述屏幕页面的长度包括屏幕页面的长和宽； 所述单个加载元素的长度包括单个 加载元素的长和宽； S32、 根据屏幕页面的长不大于第一元素数量乘以单个元素的长， 屏幕页面的宽等于第 二元素数量乘以单个元素 的宽； 计算出第一元素数量与第二元素数量； 所述第一元素数量 为必要加载资源在屏幕长度方向的最大加载数量； 所述第二元素数量为必要加载资源在屏 幕宽度方向的最大加载 数量； S33、 根据所述第一元 素数量与第二元 素数量确定必要加载资源的数量。 4.根据权利要求1所述的方法， 其特征在于， 所述方法还包括基于预设的规则将所述必 要加载资源单独打包成首页 页面。 5.根据权利要求1所述的方法， 其特征在于， 所述方法还包括： 将所述必要加载资源利 用键值对的方式缓存到本地， 将所述必要加载资源之外的首页页面加载资源存储到Web服 务器。 6.根据权利要求5所述的方法， 其特征在于， 响应于首页页面的加载请求， 从客户端本 地加载所述必要资源； 待所述必要加载资源加载完成后， 加载Web服务器存储的所述必要加载资源之外的首 页页面加载资源并进行本地存 储。 7.根据权利要求6所述的方法， 其特征在于， 预设的第一时间段结束后， 删除本地存储 的所述必要加载资源之外的首页 页面加载资源。 8.一种首屏加载优化装置， 其特 征在于， 包括： 获取模块， 用于获取屏幕页面长度和第一页面标识； 第一计算模块， 利用HTML的标签属性获取 单个加载 元素的长度； 第二计算模块， 用于根据屏幕页面的长度不大于必要加载元素数量与 单个加载元素的 长度的乘积， 获取必要加载 元素数量， 根据所述必要加载 元素数量确定必要加载资源；权　利　要　求　书 1/2 页 2 CN 115357825 A 2存储模块， 用于利用键值对的方式存储所述必要加载资源； 其中所述键为第一页面标 识， 其中所述 值为所述必要加载资源； 同步加载模块， 用于在首次加载页面的情况下， 响应于页面的加载指令， 获取页面地 址， 所述页面地址为待加载页面的地址； 接收首页页面的加载请求， 并根据所述加载请求 获 取所述首页 页面加载 所需的必要加载资源， 其中， 所述加载请求包括第一页面标识； 渲染模块， 用于对所述必要加载资源执 行页面渲染操作， 以完成所述首页 页面的加载； 异步加载模块， 待所述必要加载资源加载完成后， 加载所述必要加载资源之外的首页 页面加载资源。 9.一种电子设备， 其特 征在于， 包括： 处 理器， 以及与所述处 理器通信连接的存 储器； 所述存储器存储计算机执 行指令； 所述处理器执行所述存储器存储的计算机执行指令， 以实现如权利要求1 ‑7中任一项 所述的方法。 10.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质中存储有计算机 执行指令， 所述计算机执行指令被处理器执行时用于实现如权利要求1 ‑7中任一项所述的 方法。 11.一种计算机程序产品， 其特征在于， 包括计算机程序， 该计算机程序被处理器执行 时实现权利要求1 ‑7中任一项所述的方法。权　利　要　求　书 2/2 页 3 CN 115357825 A 3