页面白屏时长确定方法、装置、电子设备及存储介质制造方法及图纸

技术编号:34147284 阅读:29 留言:0更新日期:2022-07-14 19:16
本发明专利技术提供了一种页面白屏时长确定方法、装置、电子设备及存储介质,其中,该方法包括:响应目标页面的渲染请求,确定目标页面的起始渲染时间;在执行目标页面的渲染过程中,监听目标页面的文档对象模型,以记录目标页面中各页面节点对应的各创建时间;根据目标页面中各页面节点对应的各创建时间,确定目标页面的截止渲染时间;根据目标页面的起始渲染时间和截止渲染时间,确定目标页面的白屏时长。借此,本发明专利技术可提高页面白屏时长确定结果的准确性。发明专利技术可提高页面白屏时长确定结果的准确性。发明专利技术可提高页面白屏时长确定结果的准确性。

【技术实现步骤摘要】
页面白屏时长确定方法、装置、电子设备及存储介质


[0001]本专利技术实施例涉及计算机
,尤其涉及一种页面白屏时长确定方法、装置、电子设备及计算机存储介质。

技术介绍

[0002]页面白屏时间表示在用户打开目标页面后,从屏幕空白到显示第一个画面的时间。其中,页面的渲染时间越短,用户等待的时间也就越短,此可极大提升用户对于页面的访问体验,以减少由于用户的等待时间过长所导致的用户流失现象。
[0003]因此,页面白屏时间的长短成为了衡量页面性能的一项重要指标,而如何精准确定页面白屏时长,则显得尤为重要。
[0004]有鉴于此,需要一种改进的页面白屏时长确定方案,以改善现有技术中存在的种种问题。

技术实现思路

[0005]有鉴于此,本专利技术实施例提供了一种页面白屏时长确定方案,以至少部分解决上述问题。
[0006]根据本专利技术实施例的第一方面,提供了一种页面白屏时长确定方法,所述方法包括:响应目标页面的渲染请求,确定所述目标页面的起始渲染时间;在执行所述目标页面的渲染过程中,监听所述目标页面的文档对象模型,以记录所述目标页面中各页面节点对应的各创建时间;根据所述目标页面中各页面节点对应的各创建时间,确定所述目标页面的截止渲染时间;根据所述目标页面的所述起始渲染时间和所述截止渲染时间,确定所述目标页面的白屏时长。
[0007]可选地,所述方法还包括:
[0008]通过在浏览器中输入所述目标页面的访问地址,以触发所述目标页面的渲染请求;或者,通过在浏览器或应用程序的当前页面中点击所述目标页面的链接地址,以触发所述目标页面的渲染请求。
[0009]可选地,所述在执行所述目标页面的渲染过程中,监听所述目标页面的文档对象模型,以记录所述目标页面中各页面节点对应的各创建时间,包括:
[0010]利用观察器监听所述目标页面的文档对象模型中所生成的满足目标属性的目标节点,并将所述目标节点的生成时间,确定为所述目标页面中对应于所述目标节点的页面节点的创建时间,且重复执行本步骤直至满足预设监听结束条件。
[0011]可选地,所述目标属性至少包括CLASS属性、ID属性中的至少一个;和/或,所述目标节点至少包括所述文档对象模型的根节点下的各级子节点。
[0012]可选地,所述方法还包括:
[0013]根据所述文档对象模型中各目标节点对应的各生成时间,统计在当前单位时间内生成的目标节点的数量,并根据其确定所述文档对象模型对应于所述当前单位时间的节点
触发频率;
[0014]若所述文档对象模型对应于所述当前单位时间的节点触发频率小于或者等于预设频率阈值,获得满足所述预设监听结束条件的判断结果。
[0015]可选地,所述观察器包括DOM变动观察器。
[0016]可选地,所述根据所述目标页面中各页面节点对应的各创建时间,确定所述目标页面的截止渲染时间,包括:
[0017]根据所述目标页面中各页面节点对应的各创建时间,将所述目标页面中最后创建的且满足预设数量的各页面节点确定为候选节点;
[0018]针对各所述候选节点对应的各创建时间执行加和平均,以确定所述目标页面的截止渲染时间。
[0019]根据本专利技术实施例的第二方面,提供了一种页面白屏时长确定装置,所述装置包括:起始渲染时间确定模块,用于响应目标页面的渲染请求,确定所述目标页面的起始渲染时间;截止渲染时间确定模块,用于在执行所述目标页面的渲染过程中,监听所述目标页面的文档对象模型,以记录所述目标页面中各页面节点对应的各创建时间,并根据所述目标页面中各页面节点对应的各创建时间,确定所述目标页面的截止渲染时间;白屏时长确定模块,用于根据所述目标页面的所述起始渲染时间和所述截止渲染时间,确定所述目标页面的白屏时长。
[0020]根据本专利技术实施例的第三方面,提供了一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如上述第一方面所述的页面白屏时长确定方法对应的操作。
[0021]根据本专利技术实施例的第四方面,提供了一种计算机存储介质,其上存储有计算机程序,该程序被处理器执行时,可实现如上述第一方面所述的页面白屏时长确定方法。
[0022]综上所述,本专利技术提供的页面白屏时长确定方法、装置、电子设备及计算机存储介质,通过在执行目标页面的渲染过程中,监听目标页面的文档对象模型,以获取目标页面中各页面节点对应的各创建时间,并根据各页面节点的各创建时间确定目标页面的截止渲染时间,并进而确定目标页面的白屏时长,借此,本专利技术可提高白屏时长统计结果的准确性及客观性,并有助于提升页面性能的优化处理效率。
附图说明
[0023]为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术实施例中记载的一些实施例,对于本领域普通技术人员来讲,还可以根据这些附图获得其他的附图。
[0024]图1为本专利技术示例性实施例的页面白屏时长确定方法的处理流程图;
[0025]图2为本专利技术另一示例性实施例的页面白屏时长确定方法的处理流程图;
[0026]图3为本专利技术的文档对象模型在不同单位时间内的节点触发频率的实施例示意图;
[0027]图4为本专利技术示例性实施例的页面白屏时长确定装置的结构框图;
[0028]图5为本专利技术示例性实施例的电子设备的结构框图。
具体实施方式
[0029]下面将参照附图更详细地描述本专利技术的实施例。虽然附图中显示了本专利技术的某些实施例,然而应当理解的是,本专利技术可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本专利技术。应当理解的是,本专利技术的附图及实施例仅用于示例性作用,并非用于限制本专利技术的保护范围。
[0030]应当理解,本专利技术的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本专利技术的范围在此方面不受限制。
[0031]本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。需要注意,本专利技术中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
[0032]需要注意,本专利技术中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。本专利技术实施方式中的多个装置之间所交本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面白屏时长确定方法,其特征在于,所述方法包括:响应目标页面的渲染请求,确定所述目标页面的起始渲染时间;在执行所述目标页面的渲染过程中,监听所述目标页面的文档对象模型,以记录所述目标页面中各页面节点对应的各创建时间;根据所述目标页面中各页面节点对应的各创建时间,确定所述目标页面的截止渲染时间;根据所述目标页面的所述起始渲染时间和所述截止渲染时间,确定所述目标页面的白屏时长。2.根据权利要求1所述的页面白屏时长确定方法,其特征在于,所述方法还包括:通过在浏览器中输入所述目标页面的访问地址,以触发所述目标页面的渲染请求;或者,通过在浏览器或应用程序的当前页面中点击所述目标页面的链接地址,以触发所述目标页面的渲染请求。3.根据权利要求1所述的页面白屏时长确定方法,其特征在于,所述在执行所述目标页面的渲染过程中,监听所述目标页面的文档对象模型,以记录所述目标页面中各页面节点对应的各创建时间,包括:利用观察器监听所述目标页面的文档对象模型中所生成的满足目标属性的目标节点,并将所述目标节点的生成时间,确定为所述目标页面中对应于所述目标节点的页面节点的创建时间,且重复执行本步骤直至满足预设监听结束条件。4.根据权利要求3所述的页面白屏时长确定方法,其特征在于,所述目标属性至少包括:CLASS属性、ID属性中的至少一个;和/或,所述目标节点至少包括:所述文档对象模型的根节点下的各级子节点。5.根据权利要求3所述的页面白屏时长确定方法,其特征在于,所述方法还包括:根据所述文档对象模型中各目标节点对应的各生成时间,统计在当前单位时间内生成的目标节点的数量,并根据其确定所述文档对象模型对应于所述当前单位时间的节点触发频率;若所述文档对象模型对应于...

【专利技术属性】
技术研发人员:齐雅楠
申请(专利权)人:盐城金堤科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1