CN108304312B - 一种网页加载速度的测试方法及装置 - Google Patents

一种网页加载速度的测试方法及装置 Download PDF

Info

Publication number
CN108304312B
CN108304312B CN201710020113.1A CN201710020113A CN108304312B CN 108304312 B CN108304312 B CN 108304312B CN 201710020113 A CN201710020113 A CN 201710020113A CN 108304312 B CN108304312 B CN 108304312B
Authority
CN
China
Prior art keywords
webpage
pixel value
loading
identification point
identification
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201710020113.1A
Other languages
English (en)
Other versions
CN108304312A (zh
Inventor
张毅
李晓晴
李晓丽
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201710020113.1A priority Critical patent/CN108304312B/zh
Publication of CN108304312A publication Critical patent/CN108304312A/zh
Application granted granted Critical
Publication of CN108304312B publication Critical patent/CN108304312B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00Error detection; Error correction; Monitoring
    • G06F11/36Preventing errors by testing or debugging software
    • G06F11/3668Software testing
    • G06F11/3672Test management
    • G06F11/3688Test management for test execution, e.g. scheduling of test suites
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Computer Hardware Design (AREA)
  • Quality & Reliability (AREA)
  • Information Transfer Between Computers (AREA)
  • Debugging And Monitoring (AREA)

Abstract

一种网页加载速度的测试方法及装置,包括:预置第一网页的标识点及所述标识点的位置信息和目标像素值;还包括:在所述第一网页的呈现过程中,根据所述标识点的位置信息获取所述第一网页上对应位置处的像素值;比较所述第一网页上对应位置处的像素值与所述标识点的目标像素值,在所述第一网页上对应位置处的像素值达到所述目标像素值时,确定所述第一网页加载完成;检测所述第一网页从启动至所述加载完成的时长,得到所述第一网页的加载时长;其中,所述标识点为所述第一网页上部分元素或部分区域的坐标点。本申请能够从网页上重点部分是否呈现来判断网页是否加载完成,从而能够基于用户体验测试网页的加载情况。

Description

一种网页加载速度的测试方法及装置
技术领域
本发明涉及网络技术领域,尤其涉及一种网页加载速度的测试方法及装置。
背景技术
相关技术中,网页加载速度的测试方法包含如下几种:
1)直接测试服务器接口的返回时间,不做浏览器端验证;
2)监控浏览器上“刷新”按钮的状态变化,在“刷新”按钮停止工作后,认为网页加载完成;
3)使用表示HTML所有文档下载完成的事件和文档对象模型(DOM,DocumentObject Model)树解析就绪的事件等检测网页加载速度;
4)采用视频方式记录网页加载过程,通过对视频中每一帧进行过滤来判断网页是否加载完成并记录加载时间;
相关技术的上述方法中,前三种属于“程序感知”的范围,元素在浏览器的网页中绘制的过程无法控制,尤其面对一些动态效果(如定时js)和插件(如flash)时,通过程序感知到的加载速度和用户体验到的加载速度偏差较大,这三种方法显然无法做到以用户体验为主要特征来检测网页的加载速度。
因此,需要一种能够以用户体验为主的网页加载速度检测方案。
发明内容
本申请提供一种网页加载速度的测试方法及装置,能够基于用户体验来检测网页加载速度。
本申请采用如下技术方案:
一种网页加载速度的测试方法,包括:预置第一网页的标识点及所述标识点的位置信息和目标像素值;还包括:
在所述第一网页的呈现过程中,根据所述标识点的位置信息获取所述第一网页上对应位置处的像素值;
比较所述第一网页上对应位置处的像素值与所述标识点的目标像素值,在所述第一网页上对应位置处的像素值达到所述目标像素值时,确定所述第一网页加载完成;
检测所述第一网页从启动至所述加载完成的时长,得到所述第一网页的加载时长;
其中,所述标识点为所述第一网页上部分元素或部分区域的坐标点。
其中,所述预置第一网页的标识点及所述标识点的位置信息和目标像素值,包括:将所述标识点的位置信息和目标像素值写入配置文件。
其中,所述获取所述第一网页上对应位置处的像素值,包括:调用操作系统中的相应接口读取所述第一网页上对应位置处的像素值。
其中,所述第一网页上对应位置处的像素值达到所述目标像素值时确定所述第一网页加载完成,包括:所述第一网页上全部所述标识点对应位置处的像素值与其目标像素值相同,则确定所述第一网页加载完成。
其中,所述检测所述第一网页从启动至加载完成的时长,包括:通过计时器检测所述第一网页从启动至加载完成的时长。
其中,所述预置第一网页的标识点及所述标识点的位置信息和目标像素值,包括:
在所述第一网页上的预定区域或预定元素上选取标识点;
在所述第一网页显示完成之后,获取所述标识点的坐标和像素值;
将所述获取的标识点的坐标和像素值配置为所述第一网页上标识点的位置信息和目标像素值。
其中,所述第一网页上的预定区域或预定元素为如下之一或其任意组合:
播放按钮;
进度条;
重播按钮;
音量调节按钮。
其中,所述第一网页上的预定区域或预定元素为如下之一或其任意组合:
网站标题;
搜索框。
其中,所述第一网页上的预定区域或预定元素为如下之一或其任意组合:
呈现数据的区域;
表示网页正在刷新的互动插图;
呈现数据内容的文本。
一种网页加载速度的测试装置,所述测试装置包括:
配置模块,用于预置第一网页的标识点及所述标识点的位置信息和目标像素值;
获取模块,用于在所述第一网页的呈现过程中,根据所述标识点的位置信息获取所述第一网页上对应位置处的像素值;
确定模块,用于比较所述第一网页上对应位置处的像素值与所述标识点的目标像素值,在所述第一网页上对应位置处的像素值达到所述目标像素值时,确定所述第一网页加载完成;
检测模块,用于检测所述第一网页从启动至所述加载完成的时长,得到所述第一网页的加载时长;
其中,所述标识点为所述第一网页上部分元素或部分区域的坐标点。
其中,所述配置模块,具体用于将所述标识点的位置信息和目标像素值写入配置文件。
其中,所述获取模块,具体用于调用操作系统中的相应接口读取所述第一网页上对应位置处的像素值。
其中,所述确定模块,具体用于在所述第一网页上全部所述标识点对应位置处的像素值与其目标像素值相同时,确定所述第一网页加载完成。
其中,所述检测模块,具体用于通过计时器检测所述第一网页从启动至加载完成的时长。
其中,所述配置模块,具体用于在所述第一网页上的预定区域或预定元素上选取标识点,在所述第一网页显示完成之后获取所述标识点的坐标和像素值;将所述获取的标识点的坐标和像素值配置为所述第一网页上标识点的位置信息和目标像素值。
一种网页加载速度的测试装置,包括处理器和存储器,所述存储器存储有计算机可执行指令,所述计算机可执行指令被所述处理器执行时实现如下方法:
预置第一网页的标识点及所述标识点的位置信息和目标像素值;
在所述第一网页的呈现过程中,根据所述标识点的位置信息获取所述第一网页上对应位置处的像素值;
比较所述第一网页上对应位置处的像素值与所述标识点的目标像素值,在所述第一网页上对应位置处的像素值达到所述目标像素值时,确定所述第一网页加载完成;
检测所述第一网页从启动至所述加载完成的时长,得到所述第一网页的加载时长;
其中,所述标识点为所述第一网页上部分元素或部分区域的坐标点。
本申请包括以下优点:通过预置标识点的方式指定网页上一个或多个元素或区域上的部分坐标点作为网页加载完成的判断依据,在该部分坐标点的像素值达到目标像素值时视为网页加载完成,通过记录网页开启到视为网页加载完成的时长来确定网页的加载时长,不再通过监测浏览器内部的网页加载程序测试网页加载速度,而是从网页上重点部分是否呈现来判断网页是否加载完成,能够以用户体验为主要判断依据来测试网页的加载情况,有利于研发人员准确把握网页的加载是否能满足用户需求,从而有针对性的改进网页性能,提升了网页测试的效率和准确性。
当然,实施本申请的任一产品必不一定需要同时达到以上所述的所有优点。
附图说明
图1为本申请网页加载速度测试方法的流程示意图;
图2为本申请中视频网页选取标识点的示例图;
图3为本申请中电子商务网站首页上选取标识点的示例图;
图4为本申请中正在刷新的网页上选取标识点的示例图;
图5为本申请中刷新完成之后的网页上选取标识点的示例图;
图6为本申请网页加载速度测试方法的具体实现流程示意图;
图7是本申请网页加载速度测试装置的组成结构示意图。
具体实施方式
下面将结合附图及实施例对本申请的技术方案进行更详细的说明。
需要说明的是,如果不冲突,本申请实施例以及实施例中的各个特征可以相互结合,均在本申请的保护范围之内。另外,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
在一个典型的配置中,客户端或服务器的计算设备可包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存(memory)。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。内存可能包括模块1,模块2,……,模块N(N为大于2的整数)。
计算机可读介质包括永久性和非永久性、可移动和非可移动存储介质。存储介质可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM),快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
实施例一
本实施例提供一种网页加载速度的测试方法,如图1所示,包括如下步骤:
步骤100,预置第一网页的标识点、以及所述标识点的位置信息和目标像素值;
其中,所述标识点为所述第一网页上部分元素或部分区域的坐标点。
步骤101,在所述第一网页的呈现过程中,根据所述标识点的位置信息获取所述第一网页上对应位置处的像素值;
步骤102,比较所述第一网页上对应位置处的像素值与所述标识点的目标像素值,在所述第一网页上对应位置处的像素值达到所述目标像素值时,确定所述第一网页加载完成;
步骤103,检测所述第一网页从启动至所述加载完成的时长,得到所述第一网页的加载时长。
浏览器在屏幕上呈现网页时,网页上每个坐标点的像素都在变化,网页上每个坐标点的像素都达到预期的目标像素值时,对用户来说可以视为该网页已加载完成。本实施例中,预置标识点的方式指定网页上部分元素或区域上的部分坐标点作为网页加载完成的判断依据,通过将网页上相应位置处的当前像素值与对应标识点的目标像素值比较,在当前像素值达到所述目标像素值时即视为网页已加载完成,再通过记录网页开启至网页加载完成的时长,即可得到网页的加载时长,如此,能够以网页上重点部分是否呈现作为判断网页是否加载完成为依据,从而达到了以用户体验来测试网页加载情况的目的。
相关技术中,通过视频录制检测网页加载速度时,虽然视频录制的方式与用户看到的网页加载情况接近,但视频的录制和处理占用的系统资源较大;视频图像处理技术较为复杂,可操作性较差,且相较于数据处理的方式,视频图像的处理方式误差更大,因此,通过视频录制的方式检测网页加载速度不仅耗时,检测效率低,而且也不能准确反映出用户体验到的网页加载速度。
相关技术中主要以程序运行过程的技术特征验证网页是否加载完成,但实际上以程序运行过程的技术特征验证网页加载完成时,很可能用户看到的网页仍然没有呈现出来,而用户看到的网页上重点部分已经呈现时很可能以程序运行过程的技术特征验证为网页未加载完成,因此,以程序运行过程的技术特征判断网页是否加载完成与用户实际体验到的网页加载完成是不同的,而实际应用中网页加载更应注重用户体验。
本实施例不再像相关技术一样通过监测浏览器内部的网页加载程序测试网页加载速度,而是基于用户体验测试网页的加载情况,有利于研发人员准确把握网页加载性能是否能满足用户需求,从而有针对性的改进网页性能,提升了网页测试的效率和准确性。
本实施例中,第一网页是指待测试的网页。
本实施例中,可以通过如下方式预置网页的标识点及所述标识点的位置信息和目标像素值:在所述网页上的预定区域或预定元素上选取标识点;在所述网页显示完成之后,获取所述标识点的坐标和像素值;将所述获取的标识点的坐标和像素值配置为所述网页上标识点的位置信息和目标像素值。
本实施例中,所述标识点是指网页呈现在屏幕上时的坐标点。实际应用中,选取标识点依赖于用户的业务需求。针对某个指定网页进行测试时,可以在该指定网页中最能体现其功能性的区域或用户最常使用的元素上选取标识点。或者,还可以根据测试需要在待检测的部分区域或部分元素上选取坐标点作为所述标识点。
实际应用中,可以在网页中用户最关注的部分选取所述标识点,以达到更符合用户实际体验的网页测试效果。其中,所述用户最关注的部分可以是网页上的一个元素或多个元素,还可以是网页上多个元素或一个元素所在的区域。这里,所述元素可以是图像、声音、视频、表格、导航栏、交互式表单、互动插图、按钮、超链接、交互式文本等。其中,超链接可以是文本超链接、图像超链接、多媒体文件链接等。所述多个元素或一个元素所在的区域可以是由多个坐标点确定的规则形状或者不规则形状等。
本实施例中,对于同一网页需要选取多个标识点,以该多个标识点的像素可指示出网页上相应部分(如一个元素,多个元素,一个区域,多个区域等)呈现情况为选取标准。实际应用中,网页不同,其功能性和用户关注点则不同,那么相应也需要选取不同元素或不同区域的标识点。
在一些实现方式中,选取标识点的方式可以包括但不限于如下几种:1)从网页上最能体现其功能性的元素或其所在区域上选取坐标点作为标识点;2)从网页上用户最常使用的元素或其所在区域上选取坐标点作为所述标识点;3)根据具体的测试需求在网页上待测试的元素或区域上选取坐标点作为所述标识点。如此,可通过检测网页上相应元素上坐标点的像素变化来测试网页的加载速度。
针对某一类网页进行测试时,可以按照功能性的不同将网页分为不同类型,再通过采集用户的历史浏览数据并对历史浏览数据进行处理确定每种类型网页上的用户最常使用的区域范围,在用户最常使用的区域范围内选取一个或多个关键坐标点作为标识点,该一个或多个关键坐标点是指能够将相应区域唯一确定的坐标点。例如,对于视频网页来说,视频播放器所在区域是用户最常使用的区域,如果视频播放器为矩形,可以将该矩形的四个顶点选作标识点。
在一些实现方式中,可以选取网页上同一元素上的多个坐标点作为标识点,也可以选取分布在多个元素或区域的多个坐标点作为标识点。例如,可以选取网页上核心元素或核心区域(如视频播放页面上的播放按钮等)的多个坐标点(如90%的坐标点)作为所述标识点,以便基于像素变化准确判断网页上核心元素或核心区域是否呈现完成。例如,对于网页上的非核心元素或非核心区域,可以仅选取其上的一个坐标点或几个具有关键作用的坐标点(如视频播放页面上的视频框上四个顶点)作为所述标识点。这里,选取元素或区域的90%坐标点时,可以选取均匀分布在元素或区域上90%位置的坐标点,例如,如果整个元素分成10小份的话,分别在其中的9份中选择一个坐标点作为所述标识点。
对于视频网页,最能体现其功能性的元素是播放按钮、进度条、重播按钮、音量调节按钮等,那么可以将这些元素中之一或其任何组合作为预定区域或预定元素,在该预定区域或预定元素上分别选取多个坐标点作为所述标识点。具体的,可以选取均匀分布在视频播放按钮上的多个点作为视频播放按钮的标识点,选取均匀分布在重播按钮上的多个点作为重播按钮的标识点,选取均匀分布在进度条上的多个点作为进度条的标识点。比如,可以在“播放”按钮上选取4到10个点作为标识点。如图2所示的视频网页,可以分播放按钮、重播按钮、进度条、视频时长等位置选取标识点,如图2所示网页中画圈位置为具体的标识点位置。
对于电子商务网站的首页,最能体现其功能性以及用户最常使用的元素是网站标题、搜索框,那么可以将这些元素中之一或其任何组合作为预定区域或预定元素,在该预定区域或预定元素上从这些元素中之一或其任何组合上分别选取多个坐标点作为所述标识点。具体的,可以选取均匀分布在网站标题上的多个点作为网站标题的标识点,选取均匀分布在搜索框上的多个坐标点作为搜索框的标识点。比如,可以选取搜索框上“搜索”字样上的多个点作为标识点。例如,对于图3所示的电子商务网站首页,“淘宝网”为网站标题,带有搜索字样的框为搜索框,可以在图3所示网页中画圈的位置选取标识点,对于“淘宝网”选择三个标识点:“淘”中三点水的第一个点、“宝”中的点、“网”字上的勾,这三个点均匀分布,搜索框上可以选择三个标识点:“搜索”键、放大镜图案、下拉图案等,此外,该电子商务网站上“主题市场”是用户常用案按钮,图3所示的示例中还在“主题市场”上选取有标识点。
对于一指定网页,需要测试网页上数据内容有变化的部分加载情况时,可以在这个数据内容会发生变化的局部区域选取多个坐标点作为标识点。也就是说,对此类网页来说,用户关注的区域或元素可以包括:呈现数据的区域、表示网页正在刷新的互动插图、呈现数据内容的文本,那么可以将这些元素中之一或其任何组合作为预定区域或预定元素,在该预定区域或预定元素上从这些元素中之一或其任何组合上分别选取多个坐标点作为所述标识点。比如,可以从动态加载数据时的互动插图(如“风火轮”)上选取一个或多个坐标点作为标识点,还可以在内容有变化的文本上选取一个或多个坐标点作为标识点。例如,图4所示的网页示例中,数据内容有更新,网页正在刷新,可以在风火轮图案、数据内容区域上选取标识点,如图4中圈定位置即为选取的标识点。对于图5所示的网页示例中,网页已经刷新完成,此时,网页用户关注的是服务器IP、Agent插件、操作三项的数据内容是否显示,那么可以在这三项数据内容所在的区域选取标识点,如图5中圈定位置即为选取的标识点。
本实施例中,在确定标识点的选取位置即元素或区域之后,可以通过如下方式获取标识点的位置信息和目标像素值:通过浏览器将网页加载完成之后,网页在屏幕上呈现完成,可以通过屏幕取点工具读取相应元素或区域上多个点的坐标和像素值,该点即为所述标识点,该点的坐标即为所述标识点的位置信息,该点的像素值即为所述标识点的目标像素值。
本实施例中,在获取标识点的位置信息和目标像素值之后,可以将标识点的位置信息和目标像素值保存。
在一些实现方式中,可以将所述标识点的位置信息和目标像素值写入指定的配置文件中,该配置文件是指内存或存储器的指定存储区域,该存储区域可以是虚拟存储空间,也可以是物理存储空间。将标识点的相关信息写入配置文件,便于检测网页加载速度时直接从配置文件读取标识点的相关信息,此方式可以提升标识点相关信息的读取速度,进而提升整个网页加载速度的检测效率。
在一些实现方式中,还可以将标识点的位置信息和目标像素值保存在内存或数据库中。
需要较大存储空间同时又要求方便读取时,如某个网页中选取的标识点较多,其位置信息和目标像素值需要占用较大的空间时,可以将标识点的位置信息和目标像素值存储在内存。
需要同时管理多个网页的标识点及其相关信息时,可以通过数据库来保存标识点的位置信息和目标像素值,例如,可以将网页标识、标识点位置信息、标识点的目标像素值等以数据表的形式存储在数据库。实际应用中,通过数据库可存储多类型网页的标识点相关信息,此方式尤其适用于需要处理多类型网页加载速度的测试情况。
本实施例中,在检测第一网页上对应位置处的像素值之前,可从配置文件、内存或数据库中读取第一网页的标识点的位置信息和目标像素值,以便基于标识点的位置信息来检测第一网页上相应位置处的像素值。
本实施例中,根据所述标识点的位置信息检测所述第一网页上对应位置处的像素值可以通过如下方式实现:网页在屏幕上呈现的过程中,通过调用操作系统提供的接口基于所述标识点的位置信息读取屏幕上相应位置处的像素值,该像素值即为所述第一网页上相应位置处的像素值。具体的,可以利用操作系统提供的GetPixel接口实时读取到屏幕上相应位置的像素值。例如,可以向操作系统提供的GetPixel接口传递所述标识点的位置信息,操作系统提供的GetPixel接口会根据所述标识点的位置信息将屏幕上对应位置处的像素值返回。当然,实际应用中还可采用其他方式来获取第一网页上对应位置处的像素值,对此,本文不作限制。
本实施例中,所述网页上对应位置处的像素值是否达到所述目标像素值的标准可以是:网页上全部标识点对应位置处的像素值与其目标像素值完全相同。也就是说,所述网页上全部所述标识点对应位置处的像素值与其目标像素值相同,则所述网页上对应位置处的像素值达到所述目标像素值,此时,视为所述网页已加载完成。
本实施例中,检测所述网页从启动至加载完成的时长,得到所述网页的加载时长,可以包括:通过计时器检测所述网页从启动至加载完成的时长。具体的,可以通过如下方式实现:在网页开启时开始计时,在所述网页上对应位置处的像素值达到所述目标像素值时即所述网页加载完成时停止计时,记录所述计时的时长,此过程中计时的时长即为所述网页的加载时长。除此之外,还可以检测用于指示所述网页启动时间的第一时刻,再检测用于指示所述网页加载完成时间的第二时刻,由所述第一时刻到所述第二时刻的时长得到所述网页的加载时长。网页的加载时长可用于指示网页的加载速度,加载时长的值越大说明网页加载越慢,加载时长的值越小说明网页加载越快。实际应用中,还可采用其他方式得到网页的加载时长,对于具体方式,本文不作限制。
如图6所示,本实施例的上述测试方法具体实现流程可以包括如下步骤:
步骤601,打开第一网页,在所述第一网页上选择至少三个标识点,获取这至少三个标识点的目标像素值和坐标,将所有标识点的目标像素值和坐标写入配置文件中,完成标识点及其位置信息和目标像素值的预置;
其中,一个标识点对应一个坐标点和一个像素值,标识点的相关信息的格式可以是如下:(x1,y1)0xfffff;(x2,y2)0xfffff;(x3,y3)0xfffff;其中,(x1,y1)、(x2,y2)、(x3,y3)分别表示坐标信息,0xfffff表示目标像素值。
实际应用中,获取坐标点和目标像素值的方式可以是:通过浏览器将网页加载完成之后,在屏幕上选取网页上的至少三个标识点,再通过屏幕取点工具获取该至少三个标识点的坐标和像素值,此坐标即为所述标识点的位置信息,此像素值即为所述标识点的目标像素值。
步骤602,读取所述配置文件中标识点的坐标和目标像素值;
步骤603,启动浏览器,开启所述第一网页,开始计时;
步骤604,根据预置标识点的坐标,遍历所述第一网页上对应位置处的坐标点,调用操作系统的相关接口读取该坐标点的像素值,以获取所述网页上相应位置处的像素值;
实际应用中,Windows操作系统提供了相关的接口,可通过调用操作系统中的相关接口(如GetPixel接口)获取网页上相应坐标点的像素值。比如预置了三个坐标点分别为:(x1,y1),(x2,y2),(x3,y3),将这三个点的坐标传递给操作系统的GetPixel接口,GetPixel接口会将相应位置处的像素值返回。
步骤605,判断所述第一网页相应位置处的像素值是否达到所述目标像素值,如果是,则继续步骤606,否则继续步骤607;
实际应用中,判断是否达到目标像素值的依据可以是:全部标识点对应位置处的像素值与其预置的目标像素值完全相同。
步骤606,计时结束,记录从开始计时至计时结束的时长,该时长即为所述第一网页的加载时长,本流程结束。
步骤607,等待1/10秒之后返回步骤604。
实际应用中,用户并不关心整个页面是否全部加载,只关注页面上某几个元素,比如一些视频网站,视频能够正常加载,“播放”按钮能够点击就可以,视频评价等并不重要。基于此,本申请中从网页上部分元素或区域上选取部分坐标点预置为标识点,网页在屏幕上呈现的过程中,以标识点的像素值是否达到目标像素值来判断网页是否加载完成,可以通过网页开启至标识点的像素值达到目标像素值的时长来表示网页的加载时长,从而能够基于用户体验测试网页的加载情况,便于提升网页使用时的用户体验。
本实施例的测试方法可以记录指定网页在某个浏览器上的加载时长,可用来评测网页有效加载速度或者评价浏览器的性能。
实施例二
一种网页加载速度的测试装置,如图7所示,所述测试装置可以包括:
配置模块71,用于预置第一网页的标识点及所述标识点的位置信息和目标像素值;
获取模块72,用于在所述第一网页的呈现过程中,根据所述标识点的位置信息获取所述第一网页上对应位置处的像素值;
确定模块73,用于比较所述第一网页上对应位置处的像素值与所述标识点的目标像素值,在所述第一网页上对应位置处的像素值达到所述目标像素值时,确定所述第一网页加载完成;
检测模块74,用于检测所述第一网页从启动至所述加载完成的时长,得到所述第一网页的加载时长;
其中,所述标识点为所述第一网页上部分元素或部分区域的坐标点。
在一些实现方式中,所述配置模块71,具体可用于将所述标识点的位置信息和目标像素值写入配置文件。实际应用中,该配置模块71可以是软件、硬件或两者的结合。例如,配置模块71还可以通过内存或数据库等方式存储所述标识点的位置信息和目标像素值。
本实施例中,所述检测模块31,
本实施例中,所述获取模块72,具体可用于调用操作系统中的相应接口读取所述第一网页上对应位置处的像素值。实际应用中,获取模块72可从所述配置模块71读取所述第一网页的标识点的位置信息和目标像素值,以根据标识点的位置信息获取第一网页上相应位置处的像素值。具体的,获取模块72可用于调用操作系统中的GetPixel接口来读取第一网页上相应位置处的像素值。如此,可在第一网页的呈现过程中通过读取屏幕上坐标点的像素值来得到第一网页上相应位置处的像素值,不仅效率高而且兼容性好。
本实施例中的测试装置,预置标识点的方式指定网页上部分元素或区域上的部分坐标点作为网页加载完成的判断依据,通过将网页上相应位置处的当前像素值与对应标识点的目标像素值比较,在当前像素值达到所述目标像素值时即视为网页已加载完成,再通过记录网页开启至网页加载完成的时长来得到网页的加载时长,如此,本实施例的测试装置能够以网页上的重点部分是否呈现作为判断网页是否加载完成的依据,从而达到了以用户体验来测试网页加载情况的目的。
本实施例中,所述确定模块73,具体可用于在所述第一网页上全部所述标识点对应位置处的像素值与其目标像素值相同时,确定所述第一网页加载完成。
本实施例中,所述检测模块74,具体可用于通过计时器检测所述第一网页从启动至加载完成的时长。具体的,检测模块74在所述第一网页启动时开始计时;在所述确定模块73确定第一网页加载完成时停止计时,记录所述计时的时长,如此,检测模块74即得到了第一网页的加载时长。
本实施例中,所述配置模块71是上述装置中负责配置信息(标识点的位置信息和目标像素值)的部分,可以是软件、硬件或两者的结合。
本实施例中,所述获取模块72是上述装置中负责读取像素值的部分,可以是软件、硬件或两者的结合。
本实施例中,所述检测模块74是上述装置中负责计时的部分,可以是软件、硬件或两者的结合。
本实施例中,所述确定模块73是上述装置中负责将获取模块72读取的像素值与配置模块71预置的目标像素值进行比较并提供“网页是否加载完成”的结果给检测模块74的部分,可以是软件、硬件或两者的结合。
本实施例的上述测试装置可以但不限于设置于计算机中。
本实施例的其它实现细节可参考实施例一。
实施例三
一种网页加载速度的测试装置,包括处理器和存储器,所述存储器存储有计算机可执行指令,所述计算机可执行指令被所述处理器执行时实现如下方法:
预置第一网页的标识点及所述标识点的位置信息和目标像素值;
在所述第一网页的呈现过程中,根据所述标识点的位置信息获取所述第一网页上对应位置处的像素值;
比较所述第一网页上对应位置处的像素值与所述标识点的目标像素值,在所述第一网页上对应位置处的像素值达到所述目标像素值时,确定所述第一网页加载完成;
检测所述第一网页从启动至所述加载完成的时长,得到所述第一网页的加载时长;
其中,所述标识点为所述第一网页上部分元素或部分区域的坐标点。
本实施例的装置可以但不限于设置于计算机中。
本实施例的其它实现细节可参考实施例一。
本领域普通技术人员可以理解上述方法中的全部或部分步骤可通过程序来指令相关硬件完成,所述程序可以存储于计算机可读存储介质中,如只读存储器、磁盘或光盘等。可选地,上述实施例的全部或部分步骤也可以使用一个或多个集成电路来实现。相应地,上述实施例中的各模块/单元可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。本申请不限制于任何特定形式的硬件和软件的结合。
当然,本申请还可有其他多种实施例,在不背离本申请精神及其实质的情况下,熟悉本领域的技术人员当可根据本申请作出各种相应的改变和变形,但这些相应的改变和变形都应属于本申请的权利要求的保护范围。

Claims (14)

1.一种网页加载速度的测试方法,包括:选定第一网页的标识点,将所述标识点的位置信息和目标像素值写入配置文件;其特征在于,还包括:
在所述第一网页的呈现过程中,根据所述标识点的位置信息获取所述第一网页上对应位置处的像素值;
比较所述第一网页上对应位置处的像素值与所述标识点的目标像素值,在所述第一网页上对应位置处的像素值达到所述目标像素值时,确定所述第一网页加载完成;
检测所述第一网页从启动至所述加载完成的时长,得到所述第一网页的加载时长;
其中,所述标识点为所述第一网页上以下一种或多种元素或区域中所选取的坐标点:
功能按钮;
进度条;
网站标题;
搜索框;
数据内容会变化的区域。
2.根据权利要求1所述的测试方法,其特征在于,所述获取所述第一网页上对应位置处的像素值,包括:
调用操作系统中的相应接口读取所述第一网页上对应位置处的像素值。
3.根据权利要求1所述的测试方法,其特征在于,所述第一网页上对应位置处的像素值达到所述目标像素值时确定所述第一网页加载完成,包括:
所述第一网页上全部所述标识点对应位置处的像素值与其目标像素值相同,则确定所述第一网页加载完成。
4.根据权利要求1所述的测试方法,其特征在于,所述检测所述第一网页从启动至加载完成的时长,包括:
通过计时器检测所述第一网页从启动至加载完成的时长。
5.根据权利要求1所述的测试方法,其特征在于,所述选定第一网页的标识点,包括:
在所述第一网页上的预定区域或预定元素上选取标识点;
在所述第一网页显示完成之后,获取所述标识点的坐标和像素值;
将所述获取的标识点的坐标和像素值配置为所述第一网页上标识点的位置信息和目标像素值。
6.根据权利要求5所述的测试方法,其特征在于,所述第一网页上的预定区域或预定元素为如下之一或其任意组合:
播放按钮;
进度条;
重播按钮;
音量调节按钮。
7.根据权利要求5所述的测试方法,其特征在于,所述第一网页上的预定区域或预定元素为如下之一或其任意组合:
网站标题;
搜索框。
8.根据权利要求5所述的测试方法,其特征在于,所述第一网页上的预定区域或预定元素为如下之一或其任意组合:
呈现数据的区域;
表示网页正在刷新的互动插图;
呈现数据内容的文本。
9.一种网页加载速度的测试装置,其特征在于,所述测试装置包括:
配置模块,用于选定第一网页的标识点,将所述标识点的位置信息和目标像素值写入配置文件;
获取模块,用于在所述第一网页的呈现过程中,根据所述标识点的位置信息获取所述第一网页上对应位置处的像素值;
确定模块,用于比较所述第一网页上对应位置处的像素值与所述标识点的目标像素值,在所述第一网页上对应位置处的像素值达到所述目标像素值时,确定所述第一网页加载完成;
检测模块,用于检测所述第一网页从启动至所述加载完成的时长,得到所述第一网页的加载时长;
其中,所述标识点为所述第一网页上以下一种或多种元素或区域中所选取的坐标点:
功能按钮;
进度条;
网站标题;
搜索框;
数据内容会变化的区域。
10.根据权利要求9所述的测试装置,其特征在于,
所述获取模块,具体用于调用操作系统中的相应接口读取所述第一网页上对应位置处的像素值。
11.根据权利要求9所述的测试装置,其特征在于,
所述确定模块,具体用于在所述第一网页上全部所述标识点对应位置处的像素值与其目标像素值相同时,确定所述第一网页加载完成。
12.根据权利要求9所述的测试装置,其特征在于,
所述检测模块,具体用于通过计时器检测所述第一网页从启动至加载完成的时长。
13.根据权利要求9所述的测试装置,其特征在于,所述配置模块,具体用于在所述第一网页上的预定区域或预定元素上选取标识点,在所述第一网页显示完成之后获取所述标识点的坐标和像素值;将所述获取的标识点的坐标和像素值配置为所述第一网页上标识点的位置信息和目标像素值。
14.一种网页加载速度的测试装置,包括处理器和存储器,其特征在于,所述存储器存储有计算机可执行指令,所述计算机可执行指令被所述处理器执行时实现如下方法:
选定第一网页的标识点,将所述标识点的位置信息和目标像素值写入配置文件;
在所述第一网页的呈现过程中,根据所述标识点的位置信息获取所述第一网页上对应位置处的像素值;
比较所述第一网页上对应位置处的像素值与所述标识点的目标像素值,在所述第一网页上对应位置处的像素值达到所述目标像素值时,确定所述第一网页加载完成;
检测所述第一网页从启动至所述加载完成的时长,得到所述第一网页的加载时长;
其中,所述标识点为所述第一网页上以下一种或多种元素或区域中所选取的坐标点:
功能按钮;
进度条;
网站标题;
搜索框;
数据内容会变化的区域。
CN201710020113.1A 2017-01-11 2017-01-11 一种网页加载速度的测试方法及装置 Active CN108304312B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710020113.1A CN108304312B (zh) 2017-01-11 2017-01-11 一种网页加载速度的测试方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710020113.1A CN108304312B (zh) 2017-01-11 2017-01-11 一种网页加载速度的测试方法及装置

Publications (2)

Publication Number Publication Date
CN108304312A CN108304312A (zh) 2018-07-20
CN108304312B true CN108304312B (zh) 2021-09-28

Family

ID=62872112

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710020113.1A Active CN108304312B (zh) 2017-01-11 2017-01-11 一种网页加载速度的测试方法及装置

Country Status (1)

Country Link
CN (1) CN108304312B (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111381847B (zh) * 2018-12-29 2023-04-25 阿里巴巴集团控股有限公司 信息处理方法及设备
CN110688602A (zh) * 2019-09-25 2020-01-14 杭州安恒信息技术股份有限公司 网页加载速度的测试方法、装置及系统
CN114827754B (zh) * 2022-02-23 2023-09-12 阿里巴巴(中国)有限公司 视频首帧时间检测方法及装置

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103812713A (zh) * 2012-11-06 2014-05-21 腾讯科技(深圳)有限公司 一种网页加载时间的测试方法和装置
CN103955428A (zh) * 2014-04-30 2014-07-30 百度在线网络技术(北京)有限公司 用于测试应用的响应速度的方法和设备
CN105045620A (zh) * 2015-07-07 2015-11-11 深信服网络科技(深圳)有限公司 测量网页首屏加载时间的方法及检测设备

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9450834B2 (en) * 2010-07-19 2016-09-20 Soasta, Inc. Animated globe showing real-time web user performance measurements

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103812713A (zh) * 2012-11-06 2014-05-21 腾讯科技(深圳)有限公司 一种网页加载时间的测试方法和装置
CN103955428A (zh) * 2014-04-30 2014-07-30 百度在线网络技术(北京)有限公司 用于测试应用的响应速度的方法和设备
CN105045620A (zh) * 2015-07-07 2015-11-11 深信服网络科技(深圳)有限公司 测量网页首屏加载时间的方法及检测设备

Also Published As

Publication number Publication date
CN108304312A (zh) 2018-07-20

Similar Documents

Publication Publication Date Title
CN106503134B (zh) 浏览器跳转至应用程序的数据同步方法及装置
WO2018059285A1 (zh) 一种信息的推送方法及装置
CN103823754A (zh) 一种实现自动测试的方法及装置
CN108304312B (zh) 一种网页加载速度的测试方法及装置
CN108509589B (zh) 信息流展示方法及系统、计算机可读存储介质
CN107294918B (zh) 一种钓鱼网页检测方法及装置
CN111565336A (zh) 一种视频播放方法和装置
CN113672323A (zh) 一种页面展示的方法及装置
JP2022545545A (ja) ネイティブアプリケーションのためのユーザインターフェースデータ収集におけるユーザプライバシーの保護
CN106937173B (zh) 视频播放方法及装置
CN104008211A (zh) 一种广告拦截方法及装置
CN110020074B (zh) 确定网页流失率的方法及装置
CN111209028B (zh) 一种数据处理方法、装置、电子设备及存储介质
CN112711445B (zh) 一种应用程序的管理方法及系统
CN112256356A (zh) 一种页面数据获取方法和装置
JP2022544192A (ja) ユーザインターフェースデータ収集におけるユーザプライバシーの保護
US8751508B1 (en) Contextual indexing of applications
CN108021464B (zh) 一种应用程序响应数据的兜底处理的方法以及装置
KR101507779B1 (ko) 모션 인식을 이용한 즐겨찾기 처리 방법
CN116186400A (zh) 一种前端页面精细化区域打点方法及系统
CN109819311B (zh) 一种终端视频取证方法和装置
CN110708270A (zh) 异常链接检测方法以及装置
CN113987378A (zh) 一种页面渲染时长监控方法、装置、电子设备及存储介质
CN110909201B (zh) 基于播放页面的内容分发方法、计算设备及计算机存储介质
CN113449218A (zh) 适配处理方法、装置及系统

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant