一种数据处理方法和相关装置与流程

文档序号:18620343发布日期:2019-09-06 22:25阅读:159来源:国知局
一种数据处理方法和相关装置与流程

本发明涉及互联网技术领域,尤其涉及一种数据处理方法和相关装置。



背景技术:

随着互联网技术的不断发展,以及前端技术的不断更新,用户对浏览器加载网页的速度的要求也越来越高。换言之,从用户发起访问开始,到首屏内容完全加载完毕的这段时间,对用户体验而言至关重要,因为过长的首屏加载时间会直接影响到用户对各互联网公司所提供的网站性能的认知。

在计算动态网页的首屏加载时间时,由于动态网页内的动态元素在不断地发生变换,采用现有的首屏时间计算方法将难以准确捕捉到首屏被完全加载时的首屏加载时间,从而导致计算所得到的首屏加载时长与实际首屏加载时间之间存在较大的计算误差。



技术实现要素:

本发明实施例提供一种数据处理方法和相关装置,可以提高首屏时间的计算精度。

本发明实施例一方面提供了一种数据处理方法,包括:

获取浏览器的首屏对应的目标参照图像;所述目标参照图像中的非白像素点是由第一图像对历史参照图像中的空白像素点进行填充得到的;所述第一图像是从所述首屏中的像素统计区域中截取得到的;所述目标参照图像的尺寸与所述像素统计区域的尺寸相同;

在所述首屏中的所述像素统计区域中截取第二图像;

根据所述第二图像中的非白像素点和所述目标参照图像中的非白像素点,确定稳定像素点,并确定所述稳定像素点的迭代数量;

当所述迭代数量满足首屏稳定条件,且截屏次数小于比较次数阈值时,将所述迭代数量满足所述首屏稳定条件中的稳定数量阈值时的累计时长确定为所述首屏对应的首屏加载时间。

本发明实施例一方面提供了一种数据处理装置,包括:

参照获取模块,用于获取浏览器的首屏对应的目标参照图像;所述目标参照图像中的非白像素点是由第一图像对历史参照图像中的空白像素点进行填充得到的;所述第一图像是从所述首屏中的像素统计区域中截取得到的;所述目标参照图像的尺寸与所述像素统计区域的尺寸相同;

图像截取模块,用于在所述首屏中的所述像素统计区域中截取第二图像;

稳定点确定模块,用于根据所述第二图像中的非白像素点和所述目标参照图像中的非白像素点,确定稳定像素点,并确定所述稳定像素点的迭代数量;

首屏时间确定模块,用于当所述迭代数量满足首屏稳定条件,且截屏次数小于比较次数阈值时,将所述迭代数量满足所述首屏稳定条件中的稳定数量阈值时的累计时长确定为所述首屏对应的首屏加载时间。

本发明实施例一方面提供了一种数据处理装置,包括:处理器、存储器以及网络接口;

所述处理器与存储器、网络接口相连,其中,网络接口用于连接服务器,所述存储器用于存储程序代码,所述处理器用于调用所述程序代码,以执行如本发明实施例中第一方面中的方法。

本发明实施例一方面提供了一种计算机存储介质,所述计算机存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时,执行如本发明实施例中第一方面中的方法。

本发明实施例可以在获取到浏览器的首屏尺寸之后,可以在该首屏中确定出一个符合用户视觉习惯的像素统计区域,进而可以在后台得到一个与该像素统计区域具有相同尺寸的目标参照图像,其中,像素统计区域中所承载的渲染内容可以反映浏览器在网页数据渲染时对主要元素的加载情况。然后,可以将从该首屏的像素统计区域所截取到的第二图像内非白像素点与该目标参照图像的空白像素点进行比较,以快速得到稳定像素点,与此同时,还可以在后台累计该稳定像素点的迭代数量,从而可以在比较次数阈值内,判断该迭代数量是否满足首屏稳定条件,并可以将该迭代数量满足首屏稳定条件中的稳定数量阈值时的累计时长作为该首屏的首屏加载时间。在对稳定像素点的迭代数量进行累计的过程中,可以不断地将截取到的截屏图像中的非白像素点填充到该目标参照图像中,直到该填充后的目标参照图像中的空白像素点均被填充成非白像素点时,该填充后的目标参照图像中的非白像素点将达到饱和,以至于再次截取带的截屏图像中的非白像素点将难以再填充到该目标参照图像。因此,当浏览器中所渲染的主要元素发生变化时,所截取到的截屏图像中的非白像素点也不会再对该填充后的目标参照图像中的非白像素点产生影响,从而可以通过该目标参照图像中所累计到的稳定像素点的迭代数量,准确得到首屏加载时间,以提高对首屏时间计算的准确性。另外,通过引入比较次数阈值,可以在累计的过程中避免陷入死循环的现象,从而可以避免计算资源的浪费。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的一种网络架构的结构示意图;

图2是本发明实施例提供的一种浏览器对网页数据进行渲染的示意图;

图3是本发明实施例提供的一种数据处理方法的流程示意图;

图4是本发明实施例提供的一种获取初始参照图像的示意图;

图5是本发明实施例提供的一种获取截屏图像的示意图;

图6是本发明实施例提供的一种获取目标参照图像的示意图;

图7是本发明实施例提供的确定稳定像素点的示意图;

图8是本发明实施例提供的另一种数据处理方法的流程示意图;

图9是本发明实施例提供的一种数据处理装置的结构示意图;

图10是本发明实施例提供的另一种数据处理装置的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。

请参见图1,是本发明实施例提供的一种网络架构的结构示意图。如图1所示,该网络架构可以包括服务器2000以及测试终端集群;测试终端集群可以包括多个测试终端,如图1所示,具体包括测试终端3000a、测试终端3000b、…、测试终端3000n;如图1所示,测试终端3000a、测试终端3000b、…、测试终端3000n均可以与该服务器2000进行网络连接。

其中,如图1所示的每个测试终端均可以用于模拟用户终端从所述服务器2000上获取网页数据,进而可以通过集成在各测试终端中的测试工具和浏览器对该网页数据进行解析,从而可以间解析出的网页数据渲染到相应测试终端的屏幕上向测试人员进行展示,以模拟用户通过网页地址请求网页数据对应的内容,并将其展示在该浏览器上进行展示的过程。应当理解,这个过程对于用户而言,是完全透明的。

为便于理解,本发明实施例可以在图1所示的多个测试终端中选择一个测试终端作为目标测试终端,例如,可以将图1所示的测试终端3000a作为目标测试终端。其中,目标测试终端可以包括:智能手机、平板电脑、桌上型电脑个人计算机等携带测试功能的智能终端。该目标测试终端(例如,个人计算机)可以在后台测试系统中模拟用户的操作,比如,该目标测试终端可以在浏览器a中集成有自动化测试工具时,在后台测试系统中模拟用户加载网页时所发送的网页加载请求至图1所示的服务器2000,以向该服务器2000请求该网页相关的网页数据(也可以称之为该网页的网页内容)。进一步地,该目标测试终端在获取到该服务器2000所返回的网页数据时,可以通过该目标测试终端中的浏览器a对该网页数据进行解析,并将解析后的网页数据渲染到该目标测试终端的屏幕上来向用户进行展示。

其中,上述测试工具可以为selenium测试工具,它是一种可以自动模拟用户输入目标网址,访问该目标网址对应的网页的一种软件框架,因此,用运行在上述浏览器a中的该软件框架可以控制该浏览器a执行模拟用户访问上述网页的操作。

其中,在测试人员进行性能测试的过程中,该网页的目标地址,也可以称之为url(uniformresourcelocator,统一资源定位符)是该目标测试终端根据相应的配置自动输入和执行的,以在后台系统中模拟用户在该浏览器a中输入该url的操作,从而可以使该浏览器a向上述服务器2000发出请求该网页的网页加载请求。

在本发明实施例中,该目标测试终端访问上述网页的过程对用户是透明的,即全程无需用户在该浏览器a中手动执行任何操作,例如,无需用户手动录入上述目标网址,便可以自动通过该测试工具对应的配置自动获取到上述目标网址,并自动执行上述访问该url所对应的网页的操作,因此,当该浏览器将渲染的网页数据向上述用户进行展示的时候,可以理解为向使用该目标测试终端的测试人员进行展示。与此同时,该浏览器在对该网页数据进行渲染的过程中,该目标测试终端可以在获取到上述目标网址时,将获取该目标网址的时间作为首屏起始时间,并可以监听该url所对应的网页的渲染事件,并可以基于该渲染事件开始迭代计算该网页的首屏时间(也可以称之为首屏加载时间)。

可以理解的是,在本发明实施例中,可以兼容静态网页的首屏时间的计算,也可以支持动态网页的首屏时间的计算。另外,在本发明实施例中可以在目标参照图像中的非白像素点达到饱和时,判断出当前加载的该网页为静态网页,还是动态网页,从而可以根据不同网页数据所在的环境启用不同的方式去计算相应的首屏加载时间,以确保对首屏加载时间的计算的准确性。其中,目标参照图像中的非白像素点是指像素值不是白色像素值的像素点,例如,非白像素点的像素值可以为120,因此,该目标参照图像中的空白像素点则是指像素值为白色像素值的像素值,例如,空白像素点的像素值可以为255。应当理解,当该目标渲染终端计算出相应环境(例如,动态网页或静态网页)所对应的首屏加载时间时,可以生成该首屏加载时间对应的首屏加载报告,并可以通过上述服务器2000将该首屏加载报告反馈至管理该网页的管理终端,以使该管理终端可以基于该首屏加载报告了解自己公司网站的加载性能,从而可以更好地为广大用户提供更好的服务。

在本发明实施例中,动静态网页的判断关键在于目标参照图像中的非白像素点是否达到饱和,即该目标参照图像中的像素点是否均由空白像素点转化为非白像素点,若该目标参照图像中的非白像素点达到饱和时,则可以将该目标参照图像中的非白像素点确定为稳定像素点,因此,在该目标参照图像中的像素点均为非白像素点时,截取到的第二图像的非白像素点将难以再填充至该目标参照图像中。可选的,若该目标参照图像中的非白像素点未达到饱和,即该目标参照图像中仍存在空白像素点,则可以将截取到的第二图像的非白像素点填充至该目标参照图像中,得到填充后的目标参照图像。此时,填充前的目标参照图像可以称之为历史参照图像,且在上一截屏周期到来时所得到的第二图像可以称之为第一图像。同理,填充后的目标参照图像可以作为新的目标参照图像,并在新的截屏周期到来时将所截取到的截屏图像作为新的第二图像,以便于继续基于该新的第二图像中的非白像素点、和新的目标参照图像中的非白像素点确定稳定像素点。其中,可以理解的是,当该目标参照图像中存在的空白像素点时,该目标参照图像中的空白像素点均可以被第二图像中的非白像素点所填充。因此,若在相同位置坐标(也可以称之为像素坐标)上,连续多次统计到新的目标参照图像中的非白像素点的数量达到预设的稳定数量阈值(其中,新的目标参照图像中的非白像素点的数量可以大于或等于稳定数量阈值),且新的目标参照图像中的非白像素点的像素值与再次截取到的截图图像(即第三图像)中的非白像素点的像素值均相同,则可以确定出该目标地址对应的网页为静态网页;相反,若在相同位置坐标上,该新的目标参照图像中的非白像素点的数量达到预设的稳定数量阈值,且该新的目标参照图像中的非白像素点的像素值与再次截取到的截图图像(即第三图像)中的非白像素点的像素值均不相同,则可以确定出该目标地址对应的网页为动态网页。由于动态网页中的各元素在不断的变化,因此,通过本发明实施例中的通过统计新的目标参照图像中稳定像素点是否达到饱和的方法,可以快速且有效地计算出相应环境下的首屏加载时间。可以理解的是,当该新的目标参照图像中的稳定像素点达到饱和时,则无论浏览器中所加载的动态元素如何变化,后续截取到的任何截屏图像中的非白像素点都不会再被填充至该新的目标参照图像中,此时,该新的目标参照图像可以视为首屏元素完全加载完毕时所得到的首屏稳定图像。

进一步地,请参见图2,是本发明实施例提供的一种浏览器对网页数据进行渲染的示意图。在图2所示的目标测试终端中的浏览器可以浏览器a,该浏览器a中携带有上述自动测试工具,该自动测试工具可以控制该浏览器a模拟用户的访问操作,即可以自动输入图2所示的目标网址,从而可以在图2所示的浏览器的首屏显示区域100a中显示与该目标网址对应的网页数据。换言之,使用该测试终端的测试人员可以在图2所示的首屏显示区域100a中看见该浏览器对该网页数据进行解析后的网页内容,另外,该测试终端还可以在后台对该首屏中的主要元素显示区域200a中截取与上述目标参照图像具有相同尺寸的第二图像,从而可以基于这两个图像中的非白像素点,进行稳定像素点的统计,从而可以基于统计到的稳定像素点计算出该浏览器a中网页的首屏加载时间。

应当理解,在本发明实施例的浏览器a中,与目标地址对应的网页中的各网页内容的排布方式主要是按照网页设计中所采用的f式布局进行排布。该f式布局主要是基于用户视觉行为所设计得到的,其中,用户视觉行为即为用户在该浏览器a中在浏览网页时的视觉行为,该视觉行为也可以理解为用户浏览网页时的惯性行为,即用户通常会先看看顶部,然后看看左上角,然后沿着左边缘顺势直下。因此,通过对大量用户的视觉行为进行眼动分析后可以得到该f式布局方法,并可以在该浏览器a采用才f式布局方式时得到用户惯性行为参数。于是,在该目标测试终端获取到图2所示的首屏显示区域100a的尺寸(即首屏宽度w和首屏高度h)时,可以进一步确定出图2所示的主要元素区域200a,该主要元素区域200a即为该浏览器a的首屏中的像素统计区域。进一步地,该目标测试终端可以对该像素统计区域中的各主要元素进行初始化处理,以得到一个与该主要元素区域200a(即像素统计区域)具有相同尺寸大小的白色像素区域,该白色像素区域中的空白图像可以称之为初始参照图像,该初始参照图像中的所有像素点均为上述空白像素点。当定时器的截屏时长达到截屏周期时,可以在该浏览器a中的主要元素区域200a(即像素统计区域)中截取与该初始参照图像具有相同尺寸的截屏图像,从而可以将截屏图像中的非白像素点填充至该初始参照图像的空白像素点处,并将填充后的初始参照图像确定为历史参照图像。以便于后续再次达到截图周期时,可以基于最新截取到的截屏图像(即第一图像)的非白像素点对该历史参照图像中的空白像素点进行填充,并将填充后的历史参照图像称之为目标参照图像。应当理解,上述目标参照图像、历史参照图像以及初始参照图像均可以统称为在不同时刻下的参照图像。其中,当参照图像中存在空白像素点,则会不断地将最新截取到的截屏图像中的非白像素点填充至参照图像中,直到填充后的参照图像中的非白像素点达到饱和,则无需再对其进行填充。

其中,在图2所示的首屏显示区域中的各网页内容的布局方式可以遵循该f式布局方式,以便于用户在通过该目标地址向上述服务器2000请求访问该网页时,即该用户可以在其所使用的用户终端中手动录入上述目标地址,且在该网页的加载性能较好时,可以快速获取到图2所示的主要元素区域200a中所呈现的网页内容,从而可以提升在图2所示的主要元素区域200a中所投放的数据信息的商业价值。

其中,该浏览器中的网页可以包含静态网页和/或动态网页,且静态网页和动态网页均可以通过将目标参照图像与当前截取到的截屏图像之间的相同像素点继续比较的方式去统计该目标参照图像中稳定像素点的数量;因此,在该稳定像素点的数量满足相应首屏稳定条件时,可以进一步获取首次记录下的达到该首屏稳定条件中稳定阈值的时长作为首屏加载时间。另外,在将该目标参照图像与当前截取到的截屏图像中的像素点进行比较的时候,当两者中的相同位置坐标上的像素点的像素值不相同,且该目标参照图像中存在空白像素点时,可以将该截屏图像中的非白像素点填充至该目标参照图像的空白像素点处,以将该目标参照图像中的空白像素点转换为非白像素点,进而可以在该填充后的目标参照图像中,通过统计该填充后目标参照图像中的非白像素点的方式得到稳定像素点的数量,进而可以在该稳定像素点的数量满足相应首屏稳定条件时,可以进一步获取首次记录下的达到该首屏稳定条件中稳定阈值的时长作为首屏加载时间。

其中,所述目标测试终端获取目标参照图像、获取当前截取到的截屏图像以及通过将该目标参照图像中的非白像素点和当前截取到的截屏图像中的非白像素点,确定稳定像素点的具体过程,可以参见如下图3至图8所对应的实施例所提供的实现方式。

进一步地,请参见图3,是本发明实施例提供的一种数据处理方法的流程示意图。如图3所示,本发明实施例提供的方法可以包括:

步骤s101,获取浏览器的首屏对应的目标参照图像;

具体地,测试终端可以获取所述首屏对应的历史参照图像,并从所述首屏中的像素统计区域中截取第一图像;进一步地,该目标测试终端可以获取所述第一图像中的非白像素点,并基于所述第一图像中的非白像素点对所述历史参照图像中的空白像素点进行填充,并将填充后的历史参照图像确定为所述目标参照图像。

其中,所述目标参照图像中的非白像素点是由第一图像对历史参照图像中的空白像素点进行填充得到的;所述第一图像是从所述首屏中的像素统计区域中截取得到的;所述目标参照图像的尺寸与所述像素统计区域的尺寸相同;

其中,所述历史参照图像中的非白像素点是由截取到的截屏图像对初始参照图像中的空白像素点进行填充得到的,该截屏图像可以为在该首屏的像素统计区域中所截取到的与初始参照图像具有相同尺寸的图像。其中,在浏览器对网页数据进行渲染时,可以在后台对该首屏中的像素统计区域中的图像进行初始化处理,比如,可以在该测试终端的后台对上述图2所示的主要元素区域200a中图像的非白像素点进行初始化处理,从而可以得到与该首屏中的像素统计区域具有相同尺寸的初始参照图像。其中,初始参照图像中的所有像素点均为空白像素点,且在该初始参照图像中的每个空白像素点的位置坐标可以表示为(xi,yj),i和j非负数,且i×j可用于表示该初始参照图像中的空白像素点的总数量,且每个空白像素点的像素值可以为255。

为便于理解,请参见图4,是本发明实施例提供的一种获取初始参照图像的示意图。其中,测试终端中的浏览器(该浏览器可以为上述图2所对应实施例中的浏览器a)在对网页数据进行渲染的过程中,可以调用首屏尺寸获取函数(例如,getboundingclientrect()函数,该函数用于在该测试终端的后台获取首屏的尺寸)获取浏览器a中的首屏相对于浏览器视窗的位置信息,从而可以得到上述图4所对应实施例中首屏长度为h、首屏宽度为w的首屏显示区域,即得到该浏览器a中的首屏尺寸,然后该测试终端可以基于该网页的f式布局方式获取相应的用户惯性行为参数,从而可以基于该首屏尺寸和该用户关系行为参数得到图4所示的像素统计区域300a,由于图4和上述图2为同一目标地址对应的网页,因此,图4所示的像素统计区域300a可以与上述图2所对应实施例中的主要元素显示区域200a具有相同尺寸大小。进一步地,该测试终端可以在后台对该像素统计区域300a中的图像进行初始化处理,即可以将该像素统计区域300a中的非白像素点的像素值初始化为空白像素点的像素值,以得到与该像素统计区域300a具有相同尺寸的白色像素区域400a,该白色像素区域400a也可以称之为基础像素区域,该白色像素区域400a中的空白图像可以称之为图4所示的初始参照图像。

应当理解,在该浏览器a对该网页的网页数据进行渲染的过程中,可以不断地将该浏览器所解析出的网页内容呈现在图4所示的首屏显示区域中,以模拟用户访问该网页的操作。换言之,该浏览器a可以动态地将解析得到的网页内容(也可以称之为页面元素)呈现到该首屏显示区域中,以模拟用户通过目标地址对该网页进行访问。其中,该浏览器a对该网页中的各页面元素进行解析并显示的这个过程是异步执行的,即该浏览器a不会等到所有页面元素都下载并解析完毕时才向用户进行相关网页数据的展示,因此,本发明实施例可以在监听到上述渲染事件时,通过定时器定时在上述图4所对应实施例中的像素统计区域中截取相应的截屏图像。

为便于理解,进一步地,请参见图5,是本发明实施例提供的一种获取截屏图像的示意图。如图5所示,当截图时长达到截图周期时,可以得到多个截屏图像,这些截屏图像可以包括图5所述的截屏图像10、截屏图像20、…、截屏图像30等,即图5所示的每个截屏图像其实是该测试终端在不同时刻下对像素统计区域进行截屏操作后所得到的图像,通过不断地将截取到的各截屏图像中的非空白像素点填充至具有空白像素点的参照图像中,可以得到新的参照图像。可以理解的是,通过将截取到的截屏图像中的非白像素点填充至上述参照图像,可以将该参照图像中的空白像素点转化为非空白像素点,从而可以通过该非白像素点达到饱和时的参照图像判断出该首屏的首屏像素是否稳定(即迭代数量是否达到最大迭代阈值),当该首屏的首屏像素稳定(即填充后的参照图像中的非白像素点达到饱和)之后,再次截取到的截屏图像将难以填充至上述新的参照图像(即填充后的参照图像)中,因此,通过比较该新的参照图像和再次截取到的截屏图像的像素点是否相同,可以判断出该网页是动态网页还是静态网页,若为静态网页,且截屏次数小于比较次数阈值时,则可以通过将相同位置坐标上具有相同像素值的非白像素点作为稳定像素点。可选地,若为动态网页,且截屏次数小于比较次数阈值时,则可以在检测到该参照图像中的非白像素点与再次截取到的截屏图像的非白像素点不同时,累计相同位置坐标上具有不同像素值的稳定像素点的数量,以便于可以在产生了动态图片的切换的过程中,也可以通过累计到的稳定像素点的数量的情况去了解到该浏览器对切换后的动态图片的加载性能。

其中,上述图5所示的截屏图像10可以为首个截屏图像,该测试终端可以将该首个截屏图像中的填充至上述初始参照图像中,并可以将填充后的初始参照图像作为t1时刻到t2时刻所最新确定的参照图像,即可以得到新的参照图像,此时,该新的参照图像可以称之为该首屏对应的历史参照图像。应当理解,该填充后的初始参照图像内的非白像素点的数量,可以用于间接反映在浏览器中加载网页数据时的加载性能。另外,上述图5所示的截屏图像20可以作为第一图像,该第一图像的尺寸等于上述首个截取到的首个截屏图像的尺寸,且该第一图像中的非白像素点可以用于对上述新的参照图像(即历史参照图像)中的非白像素点进行填充,从而可以将填充后的历史参照图像作为目标参照图像,该目标参照图像可以理解为是该测试终端在t2-tn时刻内所最新确定的参照图像,因此,当截图周期达到tn时刻时,可以将上述图5所示的截屏图像30称之为第二图像,以便于可以将该第二图像中的非白像素点与该目标参照图像中的非白像素点进行比较,以确定出稳定像素点、以及该稳定像素点的迭代数量。

其中,测试终端在将第一图像中的非白像素点与历史参照图像中的非白像素点进行比较时,可以在历史参照图像中将与所述第一图像中的非白像素点具有相同位置坐标以及相同像素值的非白像素点确定为稳定像素点,并累计稳定像素点的迭代数量,然而,在该截屏周期内继续比较的过程中,当历史参照图像中存在与第一图像中的非白像素点具有相同位置坐标,但像素值不同的空白像素点时,该测试终端可以将稳定计数器所累计到的稳定像素点的迭代数量进行清零处理,并将第一图像中的非白像素点填充至历史参照图像中的空白像素点处,以得到目标参照图像。因此,当新的截屏周期到来时,该测试终端会确定该目标参照图像中的非白像素点与新截取到的截屏图像中的非白像素点重新进行比较。

其中,可以理解的是,定时器在t=t1时刻可以从图5所示的像素统计区域100b中截取图5所示的截屏图像10(即上述首个截屏图像),其次,定时器可以在t=t2时刻从图5所示的像素统计区域200b中截取图5所示的截屏图像20(即上述第一图像),…,然后,定时器可以在t=tn时刻从图5所示的像素统计区域300b中截取图5所示的截屏图像30(即上述第二图像)。可以理解的是,第二图像中的非白像素点可以包含第一图像中的非白像素点,且该第一图像中的非白像素点可以包含首个截屏图像中的非白像素点。其中,定时器可以以一定的间隔周期对首屏中的图像统计区域中的图像进行截屏处理,也可以实时对首屏中的图像统计区域中的图像进行截屏处理,这里将不对定时器的截图时长进行限制。

进一步地,该测试终端在得到图5所示的截屏图像10时,可以将该首个截屏图像称之为上述首个截屏图像,并可以获取该首个截屏图像中的非白像素点。其中,可以理解的是,在浏览器的首屏尺寸确定的时候,该首屏中的像素统计区域的尺寸也就确定了,从而使得后续截取到的各截屏图像中像素点的数量也就确定了。为了节省计算资源以及提高计算效率,可以在该浏览器a中模拟对网页数据进行渲染的过程中,获取渲染时所采用的像素步长值,使得该浏览器a在呈现相应的网页内容时,可以基于该像素步长值快速在相应的截屏图像中确定出相应位置坐标上的像素点的像素值,从而可以在该测试终端截取相应的截屏图像,并将其与最新确定的参照图像进行像素点比对的过程中,可以减少每次像素点比对时的比较数量,从而可以减少后台的计算资源。其中,该截屏图像中的非白像素点可以为该浏览器a基于像素步长值对所述网页数据进行渲染的过程中所得到的像素点;其中,该像素步长值可以为3,即在该浏览器中可以每间隔3个位置坐标打一次点,即每隔3个位置坐标可以得到一个非白像素点。进一步地,该测试终端可以在后台将该截屏图像中的非白像素点填充至最新确定出的参照图像中,例如,该最新确定出的参照图像可以为上述初始参照图像,此时,在该测试终端的后台可以在上述相同位置坐标上,将初始参照图像中的空白像素点的像素值更新为该截屏图像中非白像素点的像素值,以得到历史参照图像,即得到一个新的参照图像。换言之,该测试终端可以将图5所示的首个截屏图像中的非白像素点填充至上述初始参照图像,并将填充后的初始参照图像确定为该首屏对应的历史参照图像,以便于后续获取到图5所示的第一图像时,可以进一步将该第一图像中的非白像素点填充至该历史参照图像中,以得到该首屏对应的目标参照图像,此时,该目标参照图像也可以理解为一个最新确定出的参照图像。

为便于理解,进一步地,请参见图6,是本发明实施例提供的一种获取目标参照图像的示意图。基于上述图4所对应实施例中的初始参照图像,该初始参照图像中的所有像素点均为空白像素点,因此,可以在图6所示的初始参照图像中将空白像素点所在区域称之为待填充区域,即在图6所示的初始参照图像中可以得到图6所示的待填充区域100c。同理,可以将历史参照图像中的空白像素点所在区域称之为待填充区域,即可以得到图6所示的待填充区域200c,同理,可以将目标参照图像中的空白像素点所在区域称之为待填充区域,即可以得到图6所示的待填充区域300c。另外,基于上述图5所对应实施例中的首个截屏图像,可以从该首个截图图像中提取出各非白像素点,进一步地,请参见图6所示的首个截屏图像中的非白像素点的示意图。进一步地,该测试终端可以在后台将t1时刻所截取到的首个截屏图像中的非白像素点填充至上述初始参照图像的待填充区域100c中,并将填充后的初始参照图像确定为首屏对应的历史参照图像。进一步地,请参见图6所对应实施例中历史参照图像的示意图。同理,该测试终端可以在后台将t2时刻所截取到的第一图像中的非白像素点填充至上述历史参照图像的待填充区域200c中,并将填充后的历史参照图像确定为首屏对应的目标参照图像,进一步地,请参见图6所对应实施例中目标参照图像的示意图。可以理解的是,在得到目标参照图像的过程中,必然存在将第一图像中的非白像素点和历史参照图像中的非白像素点进行比较,以确定稳定像素点并统计稳定像素点的迭代数量的过程,例如,在本发明实施例中可以在将图6所示的第一图像中的非白像素点,与历史参照图像中的非白像素点进行迭代比较,得到第一比较结果中的第一图像内存在与历史参照图像中的非白像素点的位置坐标以及像素值相同的非白像素点,则可以在历史参照图像中将与第一图像中的非白像素点具有相同位置坐标以及相同像素值的非白像素点确定为稳定像素点,即如图6所示,可以将该历史参照图像中的稳定像素区域中的所有非白像素点确定为稳定像素点,并可以通过稳定计数器统计该t1时刻到t2时刻内的稳定像素点的迭代数量,此时,稳定像素点的迭代数量为稳定计数器所累计到的在所述历史参照图像中的非白像素点的数量。比如,统计到的稳定像素点的迭代数量为14。然后,该测试终端可以将该迭代数量与稳定数量阈值进行比较,以判断该迭代数量是否满足首屏稳定条件。比如,该历史参照图像区域所对应的稳定数量阈值可以为23,且最大数量阈值为28,且该迭代数量阈值23为最大数量阈值的80%。于是,在该t1时刻到t2时刻的间隔时长内所统计到的稳定像素点的迭代数量14是小于迭代数量阈值23的,即未达到上述首屏稳定条件,因此,需要继续从上述首屏中的像素统计区域重新截取新的截屏图像,并基于该新的截屏图像中的非白像素点,重新累计填充后的历史图像区域中的稳定像素点的迭代数量。可以理解的是,该测试终端可以将上述填充后的历史参照图像作为图6所示的目标参照图像,以便于进一步执行步骤s102。

应当理解,在本发明实施例中,可以将上述初始参照图像、历史参照图像、以及目标参照图像称之为在不同截屏周期内的参照图像。该参照图像用于与下次截取到的截屏图像进行比较,以得到稳定像素点。

步骤s102,在所述首屏中的所述像素统计区域中截取第二图像;

其中,获取该第二图像的具体过程可以参见上述图5所对应实施例中对通过上述定时器获取第一图像的描述,此时所获取到的第二图像可以为上述图5所对应实施例中的第二图像。然后,该测试终端可以进一步获取该第二图像中的非白像素点。其中,获取第二图像中的非白像素点的具体过程可以参见上述图6所对应实施例中获取第一图像中的非白像素点的描述,这里将不再继续进行赘述。

应当理解,上述图5所对应实施例中的t1时刻所得到的第一图像和t2时刻所得到的第二图像可以为上述定时器的相邻两次截屏时所得到的图像,换言之,上述通过第一图像对历史参照图像进行填充后所得到的新的参照图像可以为目标参照图像,并可以将再次截取到的新的截屏图像称之为第二图像。可选的,该t1时刻和t2时刻之间还可以间隔至少一个截屏周期,为便于理解,本发明实施例以一个截屏周期为例,当定时器累计到的时长t每达到一个截屏周期,则可以从该浏览器的首屏中的图形统计区域中重新截取一次截屏图像,以便于后续可以将该新截取到的截屏图像中的非白像素点填充至目标参照图像中,直至该截屏次数达到比较次数阈值(例如,20次),则可以停止上述截屏操作。

步骤s103,根据所述第二图像中的非白像素点和所述目标参照图像中的非白像素点,确定稳定像素点,并确定所述稳定像素点的迭代数量;

具体地,该测试终端可以将所述第二图像中的非白像素点,与所述目标参照图像中的非白像素点进行迭代比较;进一步地,若迭代比较结果中的所述第二图像内存在与所述目标参照图像中的非白像素点的位置坐标以及像素值相同的非白像素点,则在所述目标参照图像中将与所述第二图像中的非白像素点具有相同位置坐标以及相同像素值的非白像素点确定为稳定像素点,在所述目标参照图像中迭代计算所述稳定像素点的迭代数量;此时,所述稳定像素点的迭代数量可以为稳定计数器所累计到的在所述目标参照图像中的非白像素点的数量。可选的,该测试终端还可以在执行完上述将所述第二图像中的非白像素点,与所述目标参照图像中的非白像素点进行迭代比较的步骤之后,根据迭代比较结果中所述第二图像内所存在的与所述目标参照图像中的空白像素点的位置坐标相同且像素值不相同的非白像素点,将所述第二图像中的非白像素点填充至所述目标参照图像中的空白像素点处,并将填充后的目标参照图像中的非白像素点确定为稳定像素点,并在所述填充后的目标参照图像中迭代计算所述稳定像素点的迭代数量;此时,所述稳定像素点的迭代数量为稳定计数器所累计到的在所述填充后的目标参照图像中的非白像素点的数量。

进一步地,请参见图7,是本发明实施例提供的确定稳定像素点的示意图。如图7所示,在确定稳定像素点的过程中可以存在两种方式去判断目标参照图像中的像素点是否为稳定像素点,即一种是通过在比较的过程中,找到相同位置坐标上具有相同像素值的非白像素点作为稳定像素点,进一步地,请参见图7所示的通过方式a所得到的比较结果,即该比较方式a重点关注的是在第二图像内是否存在与所述目标参照图像中的非白像素点的位置坐标以及像素值相同的非白像素点,如果存在,则可以在图7所示的目标参照图像中将与所述第二图像中的非白像素点具有相同位置坐标以及相同像素值的非白像素点确定为稳定像素点。例如,在相同位置坐标上可以将通过将图7所示的第二图像中的每个非白像素点(比如,非白像素点m’)的像素值,与目标参照图像中相同位置坐标上的非白像素点(比如,非白像素点m)的像素值进行比较,其中,非白像素点m’和非白像素点m具有相同位置坐标,当该非白像素点m’的像素值与非白像素点m的像素值相同时,则可以在图7所示的目标参照图像中将非白像素点m确定为稳定像素点,同理,在目标参照图像中,后续可以将相同位置坐标上具有相同像素值的其它非白像素点也确定为稳定像素点。

可选地,如图7所示,在稳定像素点的确定过程中,还可以采用另一种方式(即方式b)实现稳定像素点的确定,即可以图7所示的通过方式b所得到的比较结果中,可以根据比较结果在第二图像内确定是否存在与目标参照图像中的空白像素点的位置坐标相同但像素值不相同的非白像素点,如果存在,则可以采用方式b去确定稳定像素点,即可以先将该第二图像中的非白像素点填充至目标参照图像,并可以进一步在填充后的目标参照图像中将非白像素点确定为稳定像素点;例如,以图7所述的第二图像中的非白像素点n’和目标参照图像中的空白像素点n为例,非白像素点n’和空白像素点n具有相同的位置坐标,但是两个像素点的像素值并不相同,因此,可以先将第二图像中的非白像素点填充至该目标参照图像中,以得到填充后的目标参照图像,然后,可以在该目标参照图像中将所有的非白像素点确定为稳定像素点,进一步地,可以参见图7所示的将填充后的目标参照图像中的非白点确定为稳定像素点的示意图。即该测试终端可以在检测出该目标参照图像中的空白像素点的像素值与相同位置坐标上的第二图像内的非白像素点的像素值不同时,将第二图像中的非白像素点n’填充至目标参照图像中的空白像素点n处,直到该测试终端将第二图像中相同位置坐标上的非白像素点均填充至该目标参照图像中时,可以得到填充后的目标参照图像,该填充后的目标参照图像可以用于在下一个截屏周期到时,将该填充后的目标参照图像与再次截取到的截屏图像中的非白像素点进行比较,以重复执行上述比较的过程。此时,采用方式b所计算出的稳定像素点的迭代数量为稳定计数器所累计到的在填充后的目标参照图像中的非白像素点的数量。应当理解,通过方式b可以更为快速、且准确地得到稳定像素点的迭代数量达到稳定数量阈值时的时间,因为该填充后的目标参照图像中的非白像素点即为当前被呈现在该首屏中的网页内容的像素点。

应当理解,在每次截屏周期到来时,可以从上述像素统计区域去截取到最新的截屏图像,从而可以将最新的截屏图像与在上一个截屏周期内所最新确定出的参照图像进行比较。当这两个参与比较的图像中的像素点进行逐个比较时,若检测到相同位置坐标上的非白像素点的像素值相同,则可以将这些具有相同像素值的非白像素点确定为稳定像素点,并可以通过稳定计数器累计这些稳定像素点的迭代数量,但是,一旦检测到相同位置坐标上的两个像素点的像素值不相同时,则可以将先前所累计到的稳定像素点的迭代数量进行清零,并可以将该最新的截屏图像中的非白像素点填充至上一个截屏周期内所最新确定出的参照图像中,例如,该上一个解耦周期内所最新确定出的参照图像可以为目标参照图像,从而可以将填充后的目标参照图像确定为在当前截屏周期内所最新确定出的参照图像(例如,可以得到上述填充后的目标参照图像)。应当理解,填充后的目标参照图像可以称之为新的目标参照图像,那么填充之前的目标参照图像可以作为上述历史参照图像。然后,该测试终端可以选用上述方式b在当前截屏周期内重新累计该填充后的目标参照图像中的迭代数量,以确保计算的准确性。

可选的,该测试终端还可以在检测到相同位置坐标上的两个像素点的像素值不相同,并对该截屏周期内所统计到的迭代数量清零之后,直接将该最新的截屏图像中的非白像素点填充至上一个截屏周期内所最新确定出的参照图像中,例如,该上一个截屏周期内所最新确定出的参照图像可以为上述目标参照图像,从而可以将填充后的目标参照图像作为下一截屏周期到来时,能与下一次截取到的截屏图像进行比对过程中的最新确定出的参照图像,以重复上述通过方式a进行稳定像素点的确定过程,直到该测试终端统计到连续多次统计到稳定像素点的迭代数量达到稳定数量阈值,且在最新确定出的参照图像中的所有空白像素点均转化为非白像素点时,将不用再将截取到的截屏图像填充进去。

此时,在该最新确定出的参照图像中不存在空白像素点时,可以进一步通过该最新确定出的参照图像中的非白像素点判断出该浏览器的网页是静态网页还是动态网页,即可以在该最新确定出的参照图像中的非白像素点与最新截取到的截屏图像(即第三图像)中的非白像素点的像素值均相同时,间接反映出上一次截取到的截屏图像与当前截取到的截屏图像是完全一样的,从而可以基于该像素值不再发生变化的参照图像,将该浏览器a对应的网页确定为静态网页,以进一步执行下述步骤s104。可选地,若填充后的目标参照图像中的非白像素点的像素值与新截取到的第三图像中的非白像素点的像素值均不相同,则间接反映出浏览器所渲染的界面元素已经由第一图片自动切换为第二图片,此时,可以基于该像素值不再发生变化的参照图像,将该浏览器a对应的网页确定为动态网页,以进一步执行下述步骤s104。其中,该第一图片和第二图片可以称之为该动态网页的动态图片,在该动态网页所对应的首屏的像素统计区域中,可以在预先配置的多个动态图片之间进行动态切换。

可以理解的是,当在该目标参照图像中统计到非白像素点的数量(稳定像素点的数量)达到最大迭代阈值,即该目标参照图像中的稳定像素点的数量达到饱和时,测试终端在后台将难以再将该第二图像中的非白像素点填充至该目标参照图像中。因此,当新的截屏周期到来时,该测试终端可以将新截取到截屏图像(例如,第三图像)的非白像素点和目标参照图像中的非白像素点进行迭代比较,以确定该浏览器的网页是否为动态网页,比如,若该目标参照图像中的非白像素点的像素值与截取到的第三图像中的非白像素点的像素值均部相同,则将所述浏览器对应的网页确定为动态网页,反之,可以将其确定为静态网页。可选地,若该目标参照图像中的非白像素点的数量未达到饱和,即该目标参照图像中仍存在可以被填充的空白像素点,则该测试测试终端可以进一步将第二图像中的非白像素点填充至该目标参照图像中。

步骤s104,当所述迭代数量满足首屏稳定条件,且截屏次数小于比较次数阈值时,将所述迭代数量满足所述首屏稳定条件中的稳定数量阈值时的累计时长确定为所述首屏对应的首屏加载时间。

具体地,该测试终端可以在判断出动态网页还是静态网页时,将迭代数量所满足的首屏稳定条件区分为满足静态稳定条件或者满足动态稳定条件,换言之,该测试终端可以在所述迭代数量满足静态稳定条件,且截屏次数小于比较次数阈值时,获取所述迭代数量首次达到所述第一阈值时的第一累计时长,并将所述第一累计时长确定为所述静态网页的首屏对应的首屏加载时间;可选的,该测试终端还可以在所述迭代数量满足动态稳定条件,且截屏次数小于比较次数阈值时,获取所述迭代数量首次达到所述动态网页的第二阈值时的第二累计时长,并将所述第二累计时长确定为所述动态网页的首屏对应的首屏加载时间。

其中,所述动态网页的稳定次数阈值(即第二阈值)可以等于静态网页的稳定次数阈值(即第一阈值),当然,对于不同环境下的网页数据,还可以设置不同的迭代次数阈值。可以理解,动态网页的稳定次数阈值也可以为第二阈值,那么静态网页的稳定次数阈值则可以为第一阈值,这里将不对第一阈值和第二阈值的具体数量进行限制。

应当理解,在执行上述步骤s104之前,还可以执行以下步:该测试终端还可以判断该浏览器所渲染的网页是静态网页,还是动态网页,即该测试终端可以在首屏稳定条件包括静态稳定条件和动态稳定条件时,进一步判断上述步骤s103所得到的稳定像素点的迭代数量是否达到稳定次数阈值,该稳定次数阈值可以包括不同环境下的第一阈值、第二阈值;因此,若截屏次数小于比较次数阈值,且连续多次统计到所述迭代数量达到第一阈值,且所述填充后的目标参照图像中的非白像素点的像素值与截取到的第三图像中的非白像素点的像素值均相同,则将所述浏览器对应的网页确定为静态网页,并确定所述迭代数量满足所述静态稳定条件;可选的,若截屏次数小于比较次数阈值,且统计到所述迭代数量达到第二阈值,且所述填充后的目标参照图像中的非白像素点的像素值与截取到的第三图像中的非白像素点的像素值均不相同,则将所述浏览器对应的网页确定为动态网页,并确定为所述迭代数量满足所述动态稳定条件。

可以理解的是,在确定好当前所请求的网页为动态网页还是静态网页之后,可以进一步根据上述填充后的目标参照图像中的非白像素点,去判断动态改变的动态图片中的元素的渲染情况,即该切换后的动态图片(例如,第二图片)在首屏的像素统计区域所截取到的截屏图像可以称之为第四图像,即通过将该目标参照图像中的非白像素点(此时,该目标参照图像中的每个像素点均可以称之为稳定像素点)与第四图像中的非白像素点进行比较,可以通过相同位置坐标上像素值不相同的稳定像素点的迭代数量间接了解到该浏览器对动态网页中的第二图片的渲染情况,即每找到一个像素值不相同的稳定素点,则可以间接确定出该动态图片中的非白像素点的加载情况,即可以通过稳定像素点的迭代数量去判断该动态网页对后续可以动态切换的图片的加载性能。

可以理解的是,对于静态网页,全程只需要对第一图片进行渲染,而动态网页则需要对多个可以动态切换的动态图片进行渲染。所以,对于动态网页的首屏稳定像素是通过该浏览器a在渲染第一图片的过程中,统计到该最新确定的参照图像中的非白像素点的像素值不再改变时的所有稳定像素点所构成的非白页面而确定的,即在上述填充后的目标参照图像中的稳定像素点的迭代数量达到最大迭代阈值时,则可以认为后续截取到的截屏图像中的非白像素点将难以填充至该非白页面,此时,可以确定该动态网页已经完全加载完第一图片,从而可以向前反推出该非白页面中的稳定像素点的迭代数量首次满足动态稳定条件中的第二阈值是的第二累计时长,并将其作为该动态网页的首屏加载时间。进一步地,该测试终端还可以通过该非白页面中的首屏稳定像素,在下一次截屏周期到来时对后续截取到的第二图片内的各元素的加载情况进行统计。

本发明实施例可以在获取到浏览器的首屏尺寸之后,可以在该首屏中确定出一个符合用户视觉习惯的像素统计区域,进而可以在后台得到一个与该像素统计区域具有相同尺寸的目标参照图像,其中,像素统计区域中所承载的渲染内容可以反映浏览器在网页数据渲染时对主要元素的加载情况。然后,可以将从该首屏的像素统计区域所截取到的第二图像内非白像素点与该目标参照图像的空白像素点进行比较,以快速得到稳定像素点,与此同时,还可以在后台累计该稳定像素点的迭代数量,从而可以在比较次数阈值内,判断该迭代数量是否满足首屏稳定条件,并可以将该迭代数量满足首屏稳定条件中的稳定数量阈值时的累计时长作为该首屏的首屏加载时间。在对稳定像素点的迭代数量进行累计的过程中,可以不断地将截取到的截屏图像中的非白像素点填充到该目标参照图像中,直到该填充后的目标参照图像中的空白像素点均被填充成非白像素点时,该填充后的目标参照图像中的非白像素点将达到饱和,以至于再次截取带的截屏图像中的非白像素点将难以再填充到该目标参照图像。因此,当浏览器中所渲染的主要元素发生变化时,所截取到的截屏图像中的非白像素点也不会再对该填充后的目标参照图像中的非白像素点产生影响,从而可以通过该目标参照图像中所累计到的稳定像素点的迭代数量,准确得到首屏加载时间,以提高对首屏时间计算的准确性。另外,通过引入比较次数阈值,可以在累计的过程中避免陷入死循环的现象,从而可以避免计算资源的浪费。

进一步地,请参见图8,是本发明实施例提供的另一种数据处理方法的流程示意图。如图8所示,所述方法至少可以包括:

步骤s201,获取网页数据所对应的浏览器的首屏尺寸,并获取所述浏览器对应的用户惯性行为参数;

其中,所述用户惯性行为参数为基于所述浏览器对应的历史用户行为所得到的行为参数;

步骤s202,基于所述首屏尺寸和用户惯性行为参数确定所述首屏相关联的初始参照图像;

其中,所述初始参照图像中的所有像素点均为空白像素点。

步骤s203,当所述浏览器对所述网页数据进行渲染时,在所述首屏中的像素统计区域截取与所述初始参照图像具有相同尺寸的截屏图像,并获取所述截屏图像中的非白像素点;所述截屏图像中的非白像素点为所述浏览器基于像素步长值对所述网页数据进行渲染的过程中所得到的像素点;

步骤s204,将所述截屏图像中的非白像素点填充至所述初始参照图像,并将填充后的初始参照图像确定为所述首屏对应的历史参照图像。

步骤s205,获取所述首屏对应的所述历史参照图像,并从所述首屏中的像素统计区域中截取第一图像;

步骤s206,获取所述第一图像中的非白像素点,并基于所述第一图像中的非白像素点对所述历史参照图像中的空白像素点进行填充,并将填充后的历史参照图像确定为所述目标参照图像。

其中,步骤s201-步骤s206的具体实现方式可参见上述图3所对应实施例中对步骤s101的描述,这里将不再继续进行赘述。

步骤s207,在所述首屏中的所述像素统计区域中截取第二图像;

步骤s208,根据所述第二图像中的非白像素点和所述目标参照图像中的非白像素点,确定稳定像素点,并确定所述稳定像素点的迭代数量;

步骤s209,若截屏次数小于比较次数阈值,且连续多次统计到所述迭代数量达到第一阈值,且所述填充后的目标参照图像中的非白像素点的像素值与截取到的第三图像中的非白像素点的像素值均相同,则将所述浏览器对应的网页确定为静态网页,并确定所述迭代数量满足所述静态稳定条件;

步骤s210,当所述迭代数量满足静态稳定条件,且截屏次数小于比较次数阈值时,获取所述迭代数量首次达到所述第一阈值时的第一累计时长,并将所述第一累计时长确定为所述静态网页的首屏对应的首屏加载时间。

可选地,步骤s211,若截屏次数小于比较次数阈值,且统计到所述迭代数量达到第二阈值,且所述填充后的目标参照图像中的非白像素点的像素值与截取到的第三图像中的非白像素点的像素值均不相同,则将所述浏览器对应的网页确定为动态网页,并确定为所述迭代数量满足所述动态稳定条件;

步骤s212,当所述迭代数量满足动态稳定条件,且截屏次数小于比较次数阈值时,获取所述迭代数量首次达到所述动态网页的第二阈值时的第二累计时长,并将所述第二累计时长确定为所述动态网页的首屏对应的首屏加载时间。

其中,应当理解,对于不同环境下的网页数据,可以对应不同的首屏稳定条件,比如,静态网页所对应的首屏稳定条件可以为静态稳定条件,动态网页所对应的首屏稳定条件可以为动态稳定条件。

其中,步骤s207-步骤s212的具体实现方式可参见上述图3所述对应实施例中对步骤s102-步骤s104的描述,这里将不再继续进行赘述。

可选的,该测试终端在执行完上述步骤s210或上述步骤s212之后,可以进一步生成所述首屏加载时间对应的首屏加载报告,并将所述首屏加载报告发送至所述浏览器中所渲染的网页数据对应的服务器,以使所述服务器将所述告警信息推送至相应的管理终端。

其中,所述服务器可以为上述图1所对应实施例中的服务器2000,即该服务器中可以存储有能够被各用户终端基于上述目标网址所请求到的网页数据。具体地,请参见上述图1所对应实施例中对首屏加载报告的描述,这里将不再继续进行赘述。

可选地,该测试终端还可以在截屏次数达到所述比较次数阈值时,且所述迭代数量不满足所述首屏稳定条件,终止上述对稳定像素点的迭代数量进行迭代计算的操作,并生成所述浏览器对应的告警信息,并将所述告警信息发送至所述浏览器中所渲染的网页数据对应的服务器,以使所述服务器将所述告警信息推送至相应的管理终端,以便于该管理端可以基于该告警信息对该网页的性能进行优化处理,从而可以更好的为用户提供服务。

本发明实施例可以在获取到浏览器的首屏尺寸之后,可以在该首屏中确定出一个符合用户视觉习惯的像素统计区域,进而可以在后台得到一个与该像素统计区域具有相同尺寸的目标参照图像,其中,像素统计区域中所承载的渲染内容可以反映浏览器在网页数据渲染时对主要元素的加载情况。然后,可以将从该首屏的像素统计区域所截取到的第二图像内非白像素点与该目标参照图像的空白像素点进行比较,以快速得到稳定像素点,与此同时,还可以在后台累计该稳定像素点的迭代数量,从而可以在比较次数阈值内,判断该迭代数量是否满足首屏稳定条件,并可以将该迭代数量满足首屏稳定条件中的稳定数量阈值时的累计时长作为该首屏的首屏加载时间。在对稳定像素点的迭代数量进行累计的过程中,可以不断地将截取到的截屏图像中的非白像素点填充到该目标参照图像中,直到该填充后的目标参照图像中的空白像素点均被填充成非白像素点时,该填充后的目标参照图像中的非白像素点将达到饱和,以至于再次截取带的截屏图像中的非白像素点将难以再填充到该目标参照图像。因此,当浏览器中所渲染的主要元素发生变化时,所截取到的截屏图像中的非白像素点也不会再对该填充后的目标参照图像中的非白像素点产生影响,从而可以通过该目标参照图像中所累计到的稳定像素点的迭代数量,准确得到首屏加载时间,以提高对首屏时间计算的准确性。另外,通过引入比较次数阈值,可以在累计的过程中避免陷入死循环的现象,从而可以避免计算资源的浪费。

进一步地,请参见图9,是本发明实施例提供的一种数据处理装置的结构示意图。如图9所示,上述数据处理装置1可以应用于上述图1所对应实施例中的目标测试终端。上述数据处理装置1可以包含:参照获取模块10,图像截取模块20,稳定点确定模块30,首屏时间确定模块40;进一步地,该数据处理装置1还可以包含首屏尺寸获取模块50,初始参照确定模块60,渲染截取模块70,历史参照确定模块80,静态网页确定模块90,动态网页确定模块100,告警生成模块,110和报告发送模块120;

参照获取模块10,用于获取浏览器的首屏对应的目标参照图像;所述目标参照图像中的非白像素点是由第一图像对历史参照图像中的空白像素点进行填充得到的;所述第一图像是从所述首屏中的像素统计区域中截取得到的;所述目标参照图像的尺寸与所述像素统计区域的尺寸相同;

其中,参照获取模块10包括:历史参照获取单元101和像素点填充单元102;

历史参照获取单元101,用于获取所述首屏对应的所述历史参照图像,并从所述首屏中的像素统计区域中截取第一图像;

像素点填充单元102,用于获取所述第一图像中的非白像素点,并基于所述第一图像中的非白像素点对所述历史参照图像中的空白像素点进行填充,并将填充后的历史参照图像确定为所述目标参照图像。

其中,历史参照获取单元101和像素点填充单元102的具体实现方式可参见上述图3所对应实施例中对步骤s101的描述,这里将不再继续进行赘述。

图像截取模块20,用于在所述首屏中的所述像素统计区域中截取第二图像;

稳定点确定模块30,用于根据所述第二图像中的非白像素点和所述目标参照图像中的非白像素点,确定稳定像素点,并确定所述稳定像素点的迭代数量;

其中,稳定点确定模块30包括:第一比较单元301,相同确定单元302和第一迭代单元303;可选地,该稳定点确定模块30还可以包括:第二比较单元304,填充确定单元305和第二迭代单元306;

第一比较单元301,用于将所述第二图像中的非白像素点,与所述目标参照图像中的非白像素点进行迭代比较;

相同确定单元302,用于若迭代比较结果中的所述第二图像内存在与所述目标参照图像中的非白像素点的位置坐标以及像素值相同的非白像素点,则在所述目标参照图像中将与所述第二图像中的非白像素点具有相同位置坐标以及相同像素值的非白像素点确定为稳定像素点;

第一迭代单元303,用于在所述目标参照图像中迭代计算所述稳定像素点的迭代数量;所述稳定像素点的迭代数量为稳定计数器所累计到的在所述目标参照图像中的非白像素点的数量.

可选地,第二比较单元304,用于将所述第二图像中的非白像素点,与所述目标参照图像中的非白像素点进行迭代比较;

填充确定单元305,用于若迭代比较结果中所述第二图像内存在与所述目标参照图像中的空白像素点的位置坐标相同且像素值不相同的非白像素点,则将所述第二图像中的非白像素点填充至所述目标参照图像中的空白像素点处,并将填充后的目标参照图像中的非白像素点确定为稳定像素点;

第二迭代单元306,用于在所述填充后的目标参照图像中迭代计算所述稳定像素点的迭代数量;所述稳定像素点的迭代数量为稳定计数器所累计到的在所述填充后的目标参照图像中的非白像素点的数量。

其中,可以理解的是,本发明实施例可以通过上述第一比较单元301,相同确定单元302和第一迭代单元303确定出稳定像素点,也可以通过上述第二比较单元304,填充确定单元305和第二迭代单元306确定出稳定像素点。其中,第一比较单元301,相同确定单元302和第一迭代单元303以及第二比较单元304,填充确定单元305和第二迭代单元306的具体实现方式可参见上述图3所对应实施例中对确定稳定像素点的两种方式的描述,这里将不再继续进行赘述。

首屏时间确定模块40,用于当所述迭代数量满足首屏稳定条件,且截屏次数小于比较次数阈值时,将所述迭代数量满足所述首屏稳定条件中的稳定数量阈值时的累计时长确定为所述首屏对应的首屏加载时间。

其中,首屏时间确定模块40包括:第一时长确定单元401和第二时长确定单元402;

第一时长确定单元401,用于当所述迭代数量满足静态稳定条件,且截屏次数小于比较次数阈值时,获取所述迭代数量首次达到所述第一阈值时的第一累计时长,并将所述第一累计时长确定为所述静态网页的首屏对应的首屏加载时间;

第二时长确定单元402,用于当所述迭代数量满足动态稳定条件,且截屏次数小于比较次数阈值时,获取所述迭代数量首次达到所述动态网页的第二阈值时的第二累计时长,并将所述第二累计时长确定为所述动态网页的首屏对应的首屏加载时间。

其中,第一时长确定单元401和第二时长确定单元402的执行方式可以参见上述图3所对应实施例中对步骤s104的描述,这里将不再继续进行赘述。

其中,参照获取模块10,图像截取模块20,稳定点确定模块30,首屏时间确定模块40的具体实现方式可参见上述图3所对应实施例中对步骤s101-步骤s104的描述,这里将不再继续进行赘述。

可选地,首屏尺寸获取模块50,用于获取网页数据所对应的浏览器的首屏尺寸,并获取所述浏览器对应的用户惯性行为参数;所述用户惯性行为参数为基于所述浏览器对应的历史用户行为所得到的行为参数;

初始参照确定模块60,用于基于所述首屏尺寸和用户惯性行为参数确定所述首屏相关联的初始参照图像;所述初始参照图像中的所有像素点均为空白像素点;

渲染截取模块70,用于当所述浏览器对所述网页数据进行渲染时,在所述首屏中的像素统计区域截取与所述初始参照图像具有相同尺寸的截屏图像,并获取所述截屏图像中的非白像素点;所述截屏图像中的非白像素点为所述浏览器基于像素步长值对所述网页数据进行渲染的过程中所得到的像素点;

历史参照确定模块80,用于将所述截屏图像中的非白像素点填充至所述初始参照图像,并将填充后的初始参照图像确定为所述首屏对应的历史参照图像。

其中,首屏稳定条件包括静态稳定条件和动态稳定条件;

静态网页确定模块90,用于若截屏次数小于比较次数阈值,且连续多次统计到所述迭代数量达到第一阈值,且所述填充后的目标参照图像中的非白像素点的像素值与截取到的第三图像中的非白像素点的像素值均相同,则将所述浏览器对应的网页确定为静态网页,并确定所述迭代数量满足所述静态稳定条件;

动态网页确定模块100,用于若截屏次数小于比较次数阈值,且统计到所述迭代数量达到第二阈值,且所述填充后的目标参照图像中的非白像素点的像素值与截取到的第三图像中的非白像素点的像素值均不相同,则将所述浏览器对应的网页确定为动态网页,并确定为所述迭代数量满足所述动态稳定条件。

告警生成模块110,用于若在截屏次数达到所述比较次数阈值时,且所述迭代数量不满足所述首屏稳定条件,则生成所述浏览器对应的告警信息,并将所述告警信息发送至所述浏览器中所渲染的网页数据对应的服务器,以使所述服务器将所述告警信息推送至相应的管理终端。

报告发送模块120,用于生成所述首屏加载时间对应的首屏加载报告,并将所述首屏加载报告发送至所述浏览器中所渲染的网页数据对应的服务器,以使所述服务器将所述告警信息推送至相应的管理终端。

其中,首屏尺寸获取模块50,初始参照确定模块60,渲染截取模块70,历史参照确定模块80,静态网页确定模块90,动态网页确定模块100,告警生成模块,110和报告发送模块120的具体实现方式可参见上述图8所对应实施例中对步骤s201-步骤s212的描述,这里将不再继续进行赘述。

本发明实施例可以在获取到浏览器的首屏尺寸之后,可以在该首屏中确定出一个符合用户视觉习惯的像素统计区域,进而可以在后台得到一个与该像素统计区域具有相同尺寸的目标参照图像,其中,像素统计区域中所承载的渲染内容可以反映浏览器在网页数据渲染时对主要元素的加载情况。然后,可以将从该首屏的像素统计区域所截取到的第二图像内非白像素点与该目标参照图像的空白像素点进行比较,以快速得到稳定像素点,与此同时,还可以在后台累计该稳定像素点的迭代数量,从而可以在比较次数阈值内,判断该迭代数量是否满足首屏稳定条件,并可以将该迭代数量满足首屏稳定条件中的稳定数量阈值时的累计时长作为该首屏的首屏加载时间。在对稳定像素点的迭代数量进行累计的过程中,可以不断地将截取到的截屏图像中的非白像素点填充到该目标参照图像中,直到该填充后的目标参照图像中的空白像素点均被填充成非白像素点时,该填充后的目标参照图像中的非白像素点将达到饱和,以至于再次截取带的截屏图像中的非白像素点将难以再填充到该目标参照图像。因此,当浏览器中所渲染的主要元素发生变化时,所截取到的截屏图像中的非白像素点也不会再对该填充后的目标参照图像中的非白像素点产生影响,从而可以通过该目标参照图像中所累计到的稳定像素点的迭代数量,准确得到首屏加载时间,以提高对首屏时间计算的准确性。另外,通过引入比较次数阈值,可以在累计的过程中避免陷入死循环的现象,从而可以避免计算资源的浪费。

进一步地,请参见图10,是本发明实施例提供的另一种数据处理装置的结构示意图。如图10所示,上述数据处理装置1000可以应用于上述图1对应实施例中的目标测试终端。上述数据处理装置1000可以包括:处理器1001,网络接口1004和存储器1005,此外,上述数据处理装置1000还可以包括:用户接口1003,和至少一个通信总线1002。其中,通信总线1002用于实现这些组件之间的连接通信。其中,用户接口1003可以包括显示屏(display)、键盘(keyboard),可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如wi-fi接口)。存储器1004可以是高速ram存储器,也可以是非不稳定的存储器(non-volatilememory),例如至少一个磁盘存储器。存储器1005可选的还可以是至少一个位于远离前述处理器1001的存储装置。如图10所示,作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及设备控制应用程序。

在图10所示的数据处理装置1000中,网络接口1004可提供网络通讯功能;而用户接口1003主要用于为用户提供输入的接口;而处理器1001可以用于调用存储器1005中存储的设备控制应用程序,以实现:

获取浏览器的首屏对应的目标参照图像;所述目标参照图像中的非白像素点是由第一图像对历史参照图像中的空白像素点进行填充得到的;所述第一图像是从所述首屏中的像素统计区域中截取得到的;所述目标参照图像的尺寸与所述像素统计区域的尺寸相同;

在所述首屏中的所述像素统计区域中截取第二图像;

根据所述第二图像中的非白像素点和所述目标参照图像中的非白像素点,确定稳定像素点,并确定所述稳定像素点的迭代数量;

当所述迭代数量满足首屏稳定条件,且截屏次数小于比较次数阈值时,将所述迭代数量满足所述首屏稳定条件中的稳定数量阈值时的累计时长确定为所述首屏对应的首屏加载时间。

应当理解,本发明实施例中所描述的数据处理装置1000可执行前文图3或图8所对应实施例中对上述数据处理方法的描述,也可执行前文图9所对应实施例中对上述数据处理装置1的描述,在此不再赘述。另外,对采用相同方法的有益效果描述,也不再进行赘述。

此外,这里需要指出的是:本发明实施例还提供了一种计算机存储介质,且上述计算机存储介质中存储有前文提及的数据处理装置1所执行的计算机程序,且上述计算机程序包括程序指令,当上述处理器执行上述程序指令时,能够执行前文图3或图8所对应实施例中对上述数据处理方法的描述,因此,这里将不再进行赘述。另外,对采用相同方法的有益效果描述,也不再进行赘述。对于本发明所涉及的计算机存储介质实施例中未披露的技术细节,请参照本发明方法实施例的描述。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,上述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,上述的存储介质可为磁碟、光盘、只读存储记忆体(read-onlymemory,rom)或随机存储记忆体(randomaccessmemory,ram)等。

以上所揭露的仅为本发明较佳实施例而已,当然不能以此来限定本发明之权利范围,因此依本发明权利要求所作的等同变化,仍属本发明所涵盖的范围。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1