本申请提供一种网页可交互时间点检测方法、装置、电子设备及存储介质，涉及计算机领域。方法包括：根据网页的文档对象模型树上的各节点的标签的权重,确定网页各区域中各节点的权重，节点的标签至少包括：定义表格、创建表单以及定义无序列表，其中，定义表格的权重大于创建表单的权重以及定义无序列表的权重；根据网页各区域中各节点的权重，分别确定各区域的总权重；根据各区域的总权重，确定待监听的目标节点；对目标节点进行监听，当目标节点在预设时段内未发生变化时，将预设时段的起始时间点作为网页可交互时间点，从而在不影响网页性能的前提下，提高监听效率以及检测到的可交互时间点的准确性，保证用户的访问体验。保证用户的访问体验。保证用户的访问体验。
【技术实现步骤摘要】
网页可交互时间点检测方法、装置、电子设备及存储介质
[0001]本申请涉及计算机
，具体而言，涉及一种网页可交互时间点检测方法、装置、电子设备及存储介质。
技术介绍
[0002]大多数互联网用户经常需要访问各类网页，在访问网页时，如果网页加载时间过长，用户通常会放弃访问。有数据显示，网页的加载时间每增加1秒，就会有7%的用户流失。网页的加载时间是指网页从开始加载到可交互时间点的时间段，对网页进行性能优化即优化网页的加载时间，而优化网页的加载时间的前提是能够对网页的可交互时间点进行准确地检测。
[0003]现有技术中，通常是将网页中构建文档对象模型节点的时间点，作为当前网页的可交互时间点。
[0004]但由于适配性问题，在现代前端架构如Single
‑
spa微前端应用中，Performance Web API接口检测到的可交互时间点与用户的实际感受存在较大偏差，并且监听整个网页中所有文档对象模型的变化效率较低，可能会造成网页性能的下降，影响用户的访问体验。
技术实现思路
[0005]有鉴于此，本申请的目的在于提供网页可交互时间点检测方法、装置、电子设备和计算机可读存储介质，以在不影响网页性能的前提下，提高监听效率以及检测到的可交互时间点的准确性，保证用户的访问体验。
[0006]第一方面，本申请提供一种网页可交互时间点检测方法，包括：根据网页的文档对象模型树上的各节点的标签的权重,确定网页各区域中各节点的权重，节点的标签至少包括：定义表格、创建表单以及定义无序列表，其中，定义表格的权重大于创建表单的权重以及定义无序列表的权重；根据网页各区域中各节点的权重，分别确定各区域的总权重；根据各区域的总权重，确定待监听的目标节点；对目标节点进行监听，当目标节点在预设时段内未发生变化时，将预设时段的起始时间点作为网页可交互时间点。
[0007]在可选的实施方式中，对目标节点进行监听，当目标节点在预设时段内未发生变化时，将预设时段的起始时间点作为网页可交互时间点，包括：创建变动观察器，并将变动观察器注入网页中，变动观察器用于对目标节点进行监听；当变动观察器在预设时段内未反馈信息时，将预设时段的起始时间点作为网页可交互时间点。
[0008]在可选的实施方式中，根据网页的文档对象模型树上的各节点的标签,确定网页各区域中各节点的权重之前，包括：
在浏览器中的扩展程序中配置所述网页的文档对象模型树中各节点的标签的权重。
[0009]在可选的实施方式中，根据网页的文档对象模型树上的各节点的标签,确定网页各区域中各节点的权重，包括：使用浏览器中的扩展程序，读取网页的文档对象模型树上的各节点的标签的权重，并根据各节点的标签的权重确定网页各区域中各节点的权重。
[0010]在可选的实施方式中，根据各区域的总权重，确定待监听的目标节点之前，还包括：获取各区域的根节点标识；将各区域的根节点标识和总权重存储至公共数据集。
[0011]在可选的实施方式中，根据各区域的总权重，确定待监听的目标节点，包括：若公共数据集中存在总权重最大且相同的多个区域，则将多个区域中最后存储至公共数据集的区域中权重最大的节点作为目标节点。
[0012]在可选的实施方式中，对目标节点进行监听，包括：确定公共数据集中最大的总权重所对应根节点标识；将根节点标识所对应的区域中权重最大的节点作为目标节点，并对目标节点进行监听。
[0013]在可选的实施方式中，对目标节点进行监听，包括：创建预设间隔的定时器，并通过定时器以预设间隔获取目标节点；对目标节点进行监听。
[0014]在可选的实施方式中，根据网页各区域中各节点的权重，分别确定各区域的总权重，包括：计算网页各区域中各节点的权重之和，作为各区域的总权重。
[0015]第二方面，本申请提供一种网页可交互时间点检测装置，包括：节点权重确定模块，用于根据网页的文档对象模型树上的各节点的标签的权重,确定网页各区域中各节点的权重，节点的标签至少包括：定义表格、创建表单以及定义无序列表，其中，定义表格的权重大于创建表单的权重以及定义无序列表的权重；区域权重确定模块，用于根据网页各区域中各节点的权重，分别确定各区域的总权重；目标节点确定模块，用于根据各区域的总权重，确定待监听的目标节点；目标节点监听模块，用于对目标节点进行监听，当目标节点在预设时段内未发生变化时，将预设时段的起始时间点作为网页可交互时间点。
[0016]第三方面，本申请提供一种电子设备，电子设备包括：处理器、存储介质和总线，存储介质存储有处理器可执行的机器可读指令，当电子设备运行时，处理器与存储介质之间通过总线通信，处理器执行机器可读指令，以执行如前述实施方式任一方法的步骤。
[0017]第四方面，本申请提供一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，计算机程序被处理器运行时执行如前述实施方式任一方法的步骤。
[0018]本申请实施例提供的网页可交互时间点检测方法、装置、电子设备和计算机可读存储介质，首先根据网页的文档对象模型树上的各节点的标签的权重，确定网页各区域中
各节点的权重，然后根据各区域的总权重，确定待监听的目标节点，以对目标节点而非整个网页中所有的节点进行监听，确定网页可交互时间点，从而在不影响网页性能的前提下，提高监听效率以及检测到的可交互时间点的准确性，保证用户的访问体验。
[0019]为使本申请的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。
附图说明
[0020]为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍， 应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
[0021]图1示出了本申请实施例所提供的一种网页加载过程的流程图；图2示出了本申请实施例所提供的一种HTML DOM树的示意图；图3示出了本申请实施例所提供的一种网页区域划分的示意图；图4示出了本申请实施例所提供的一种网页区域的示意图；图5示出了本申请实施例所提供的一种网页可交互时间点检测方法的流程图；图6示出了本申请实施例所提供的一种网页各区域权重的示意图；图7示出了本申请实施例所提供的又一种网页可交互时间点检测方法的流程图；图8示出了本申请实施例所提供的再一种网页可交互时间点检测方法的流程图；图9示出了本申请实施例所提供的一种网页可交互时间点检测装置的结构示意图；图10示出了本申请实施例所提供的一种电子设备的结构示意图。
具体实施方式
[0022]为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种网页可交互时间点检测方法，其特征在于，包括：根据网页的文档对象模型树上的各节点的标签的权重,确定所述网页各区域中各节点的权重，所述节点的标签至少包括：定义表格、创建表单以及定义无序列表，其中，所述定义表格的权重大于所述创建表单的权重以及所述定义无序列表的权重；根据所述网页各区域中各节点的权重，分别确定各所述区域的总权重；根据各所述区域的总权重，确定待监听的目标节点；对所述目标节点进行监听，当所述目标节点在预设时段内未发生变化时，将所述预设时段的起始时间点作为网页可交互时间点。2.根据权利要求1所述的方法，其特征在于，所述对所述目标节点进行监听，当所述目标节点在预设时段内未发生变化时，将所述预设时段的起始时间点作为网页可交互时间点，包括：创建变动观察器，并将所述变动观察器注入所述网页中，所述变动观察器用于对所述目标节点进行监听；当所述变动观察器在预设时段内未反馈信息时，将所述预设时段的起始时间点作为网页可交互时间点。3.根据权利要求1所述的方法，其特征在于，所述根据网页的文档对象模型树上的各节点的标签,确定所述网页各区域中各节点的权重之前，所述方法还包括：在浏览器中的扩展程序中配置所述网页的文档对象模型树中各节点的标签的权重。4.根据权利要求3所述的方法，其特征在于，所述根据网页的文档对象模型树上的各节点的标签,确定所述网页各区域中各节点的权重，包括：使用所述浏览器中的扩展程序，读取所述网页的文档对象模型树上的各节点的标签的权重，并根据所述各节点的标签的权重确定所述网页各区域中各节点的权重。5.根据权利要求1
‑
4任一项所述的方法，其特征在于，所述根据各所述区域的总权重，确定待监听的目标节点之前，还包括：获取各所述区域的根节点标识；将各所述区域的根节点标识和总权重存储至公共数据集。6.根据权利要求5所述的方法，其特征在于，根据各所述区域的总权重，确定待监听的目标节点，包括：若所述公共数据集中存在总权重最大且相同的多个区域，则将所述多个区...
【专利技术属性】
技术研发人员：阙光伟，斯炘，周宇，
申请(专利权)人：恒生电子股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。