一种页面渲染方法技术

本申请提供了一种页面渲染方法

【技术实现步骤摘要】
一种页面渲染方法、装置、设备和存储介质


[0001]本申请涉及页面渲染
，特别是涉及一种页面渲染方法
、
装置
、
设备和存储介质
。

技术介绍

[0002]用户在使用软件系统的过程中，往往需要等待页面渲染完成才可以与软件系统进行交互，但是，在待访问的页面为需要占用大量带宽的大页面时，现场进行大页面渲染，容易出现页面渲染失败或者页面渲染时间长的问题，导致用户体验大打折扣，进而导致用户流失
。

技术实现思路

[0003]有鉴于此，本申请提供了一种页面渲染方法
、
装置
、
设备和存储介质，用于解决现有技术存在的现场进行大页面渲染容易出现页面渲染失败或者页面渲染时间长的问题，其技术方案如下：
[0004]一种页面渲染方法，包括：
[0005]在展示目标软件系统上的当前页面时，获取当前页面的标识信息，并对所述用户在所述当前页面上填充的页面元素信息进行实时监听，得到页面元素实时填充信息；
[0006]根据所述当前页面的标识信息和所述页面元素实时填充信息，预测出下一步跳转的目标页面；
[0007]对所述目标软件系统运行过程中占用的网络带宽进行实时监听，得到实时网络带宽数据；
[0008]根据所述目标页面和所述当前页面，确定页面预渲染策略；
[0009]根据所述页面预渲染策略和所述实时网络带宽数据，对所述目标页面的至少部分页面元素进行预渲染
。
[0010]可选的，所述根据所述当前页面的标识信息和所述页面元素实时填充信息，预测出下一步可能跳转的目标页面，包括：
[0011]将所述当前页面的标识信息和所述页面元素实时填充信息输入预训练的页面预测模型，得到模型预测出的所述目标页面；其中，所述页面预测模型为以所述用户和
/
或同类用户在所述目标软件系统上的页面填充的历史页面元素信息和对应页面的标识信息为训练样本，以标注的历史跳转的下一页面为样本标签训练得到，所述同类用户是指与所述用户对所述目标软件系统的操作行为偏好相近的其他用户
。
[0012]可选的，所述根据所述页面预渲染策略和所述实时网络带宽数据，对所述目标页面的至少部分页面元素进行预渲染，包括：
[0013]确定所述目标页面包含的至少一个主页面元素，其中，所述主页面元素对应于所述目标页面的文档对象模型树中的节点为主文档对象模型节点；
[0014]根据所述页面预渲染策略，在所述实时网络带宽数据大于或等于预设的第一阈值
时，对所述目标页面整体进行预渲染，其中，所述第一阈值大于或等于所述至少一个主页面元素分别占用的网络带宽数据中的最大值；
[0015]根据所述页面预渲染策略，在所述实时网络带宽数据大于或等于第二阈值且小于或等于第三阈值时，确定占用的网络带宽数据小于所述第三阈值的各所述主页面元素，并对各所述主页面元素分别对应的主文档对象模型节点及其从属节点进行预渲染，其中，所述第三阈值小于所述第一阈值，所述第二阈值小于或等于所述至少一个主页面元素分别占用的网络带宽数据中的最小值
。
[0016]可选的，还包括：
[0017]根据所述页面预渲染策略，在所述实时网络带宽数据小于所述第二阈值时，不对所述目标页面进行预渲染
。
[0018]可选的，在所述根据所述目标页面和所述当前页面，确定页面预渲染策略之后，还包括：
[0019]根据所述页面预渲染策略生成页面预渲染指令；
[0020]所述根据所述页面预渲染策略和所述实时网络带宽数据，对所述目标页面的至少部分页面元素进行预渲染，包括：
[0021]响应于所述页面预渲染指令，根据所述页面预渲染策略和所述实时网络带宽数据，对所述目标页面的至少部分页面元素进行预渲染
。
[0022]一种页面渲染装置，包括：
[0023]实时填充信息监听模块，用于在展示目标软件系统上的当前页面时，获取当前页面的标识信息，并对所述用户在所述当前页面上填充的页面元素信息进行实时监听，得到页面元素实时填充信息；
[0024]待跳转页面预测模块，用于根据所述当前页面的标识信息和所述页面元素实时填充信息，预测出下一步跳转的目标页面；
[0025]实时网络带宽监听模块，用于对所述目标软件系统运行过程中占用的网络带宽进行实时监听，得到实时网络带宽数据；
[0026]预渲染策略确定模块，用于根据所述目标页面和所述当前页面，确定页面预渲染策略；
[0027]页面预渲染模块，用于根据所述页面预渲染策略和所述实时网络带宽数据，对所述目标页面的至少部分页面元素进行预渲染
。
[0028]可选的，所述待跳转页面预测模块具体用于：将所述当前页面的标识信息和所述页面元素实时填充信息输入预训练的页面预测模型，得到模型预测出的所述目标页面；其中，所述页面预测模型为以所述用户和
/
或同类用户在所述目标软件系统上的页面填充的历史页面元素信息和对应页面的标识信息为训练样本，以标注的历史跳转的下一页面为样本标签训练得到，所述同类用户是指与所述用户对所述目标软件系统的操作行为偏好相近的其他用户
。
[0029]可选的，所述页面预渲染模块包括：
[0030]主节点元素确定模块，用于确定所述目标页面包含的至少一个主页面元素，其中，所述主页面元素对应于所述目标页面的文档对象模型树中的节点为主文档对象模型节点；
[0031]第一预渲染模块，用于根据所述页面预渲染策略，在所述实时网络带宽数据大于
或等于预设的第一阈值时，对所述目标页面整体进行预渲染，其中，所述第一阈值大于或等于所述至少一个主页面元素分别占用的网络带宽数据中的最大值；
[0032]第二预渲染模块，用于根据所述页面预渲染策略，在所述实时网络带宽数据大于或等于第二阈值且小于或等于第三阈值时，确定占用的网络带宽数据小于所述第三阈值的各所述主页面元素，并对各所述主页面元素分别对应的主文档对象模型节点及其从属节点进行预渲染，其中，所述第三阈值小于所述第一阈值，所述第二阈值小于或等于所述至少一个主页面元素分别占用的网络带宽数据中的最小值
。
[0033]一种电子设备，包括存储器和处理器；
[0034]所述存储器，用于存储程序；
[0035]所述处理器，用于执行所述程序，实现如上述任一项所述的页面渲染方法的各个步骤
。
[0036]一种可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，实现如上述任一项所述的页面渲染方法的各个步骤
。
[0037]经由上述的技术方案可知，本申请提供的页面渲染方法，首先在展示目标软件系统上的当前页面时，获取当前页面的标识信息，并对用户在当前页面上填充的页面元素信息进行实时监听，得到页面元素实时填充信息，并对目标软件系统运行过程中占用的网络带宽进行实时监听，得到实本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种页面渲染方法，其特征在于，包括：在展示目标软件系统上的当前页面时，获取当前页面的标识信息，并对所述用户在所述当前页面上填充的页面元素信息进行实时监听，得到页面元素实时填充信息；根据所述当前页面的标识信息和所述页面元素实时填充信息，预测出下一步跳转的目标页面；对所述目标软件系统运行过程中占用的网络带宽进行实时监听，得到实时网络带宽数据；根据所述目标页面和所述当前页面，确定页面预渲染策略；根据所述页面预渲染策略和所述实时网络带宽数据，对所述目标页面的至少部分页面元素进行预渲染
。2.
根据权利要求1所述的页面渲染方法，其特征在于，所述根据所述当前页面的标识信息和所述页面元素实时填充信息，预测出下一步可能跳转的目标页面，包括：将所述当前页面的标识信息和所述页面元素实时填充信息输入预训练的页面预测模型，得到模型预测出的所述目标页面；其中，所述页面预测模型为以所述用户和
/
或同类用户在所述目标软件系统上的页面填充的历史页面元素信息和对应页面的标识信息为训练样本，以标注的历史跳转的下一页面为样本标签训练得到，所述同类用户是指与所述用户对所述目标软件系统的操作行为偏好相近的其他用户
。3.
根据权利要求1所述的页面渲染方法，其特征在于，所述根据所述页面预渲染策略和所述实时网络带宽数据，对所述目标页面的至少部分页面元素进行预渲染，包括：确定所述目标页面包含的至少一个主页面元素，其中，所述主页面元素对应于所述目标页面的文档对象模型树中的节点为主文档对象模型节点；根据所述页面预渲染策略，在所述实时网络带宽数据大于或等于预设的第一阈值时，对所述目标页面整体进行预渲染，其中，所述第一阈值大于或等于所述至少一个主页面元素分别占用的网络带宽数据中的最大值；根据所述页面预渲染策略，在所述实时网络带宽数据大于或等于第二阈值且小于或等于第三阈值时，确定占用的网络带宽数据小于所述第三阈值的各所述主页面元素，并对各所述主页面元素分别对应的主文档对象模型节点及其从属节点进行预渲染，其中，所述第三阈值小于所述第一阈值，所述第二阈值小于或等于所述至少一个主页面元素分别占用的网络带宽数据中的最小值
。4.
根据权利要求3所述的页面渲染方法，其特征在于，还包括：根据所述页面预渲染策略，在所述实时网络带宽数据小于所述第二阈值时，不对所述目标页面进行预渲染
。5.
根据权利要求1所述的页面渲染方法，其特征在于，在所述根据所述目标页面和所述当前页面，确定页面预渲染策略之后，还包括：根据所述页面预渲染策略生成页面预渲染指令；所述根据所述页面预渲染策略和所述实时网络带宽数据，对所述目标页面的至少部分页面元素进行预渲染，包括：响应于所述页面预渲染指令，根据所述页面预渲染策略和所述...

【专利技术属性】
技术研发人员：孙华强，
申请(专利权)人：中银金融科技有限公司，
类型：发明
国别省市：