书签 分享 收藏 举报 版权申诉 / 17

网页加载速度的测试方法及装置.pdf

  • 上传人:000****221
  • 文档编号:6028549
  • 上传时间:2019-04-03
  • 格式:PDF
  • 页数:17
  • 大小:1.05MB
  • 摘要
    申请专利号:

    CN201510662646.0

    申请日:

    2015.10.14

    公开号:

    CN106598821A

    公开日:

    2017.04.26

    当前法律状态:

    实审

    有效性:

    审中

    法律详情:

    实质审查的生效IPC(主分类):G06F 11/34申请日:20151014|||公开

    IPC分类号:

    G06F11/34

    主分类号:

    G06F11/34

    申请人:

    腾讯科技(深圳)有限公司

    发明人:

    贾珍珍

    地址:

    518000 广东省深圳市福田区振兴路赛格科技园2栋东403室

    优先权:

    专利代理机构:

    上海波拓知识产权代理有限公司 31264

    代理人:

    彭柳眉

    PDF完整版下载: PDF下载
    内容摘要

    本发明涉及一种网页加载速度的测试方法,所述方法包括以下步骤:接收打开网页的操作指令;根据所接收到的操作指令加载网页;读取加载事件接口的加载开始和加载结束时的时间戳以获取所述网页的加载速度;以及存储所述网页的加载速度。本发明还包括一种网页加载速度的测试装置。本发明的网页加载速度的测试方法以及装置测试简单并且测试结果比较准确。

    权利要求书

    1.一种网页加载速度的测试方法,其特征在于,所述方法包括以下步
    骤:
    接收打开网页的操作指令;
    根据所接收到的操作指令加载网页;
    读取加载事件接口的加载开始和加载结束时的时间戳以获取所述网页
    的加载速度;以及
    存储所述网页的加载速度。
    2.如权利要求1所述的方法,其特征在于,所述方法还包括:
    在接收到所述打开网页的操作指令之后注入content.js文件;
    所述读取加载事件接口的加载开始和加载结束时的时间戳以获取所述
    网页的加载速度包括:
    在所述content.js文件中读取所述加载事件接口。
    3.如权利要求2所述的方法,其特征在于,所述加载事件接口包括
    window.performance.timing.loadEventEnd和
    window.performance.timing.navigationStart或window.performance.timing.
    loadEventStart。
    4.如权利要求2所述的方法,其特征在于,所述读取加载事件接口的
    加载开始和加载结束时的时间戳以获取所述网页的加载速度还包括:
    当所述网页加载完成时,在所述content.js文件中预先定义
    的window.onload被触发执行以读取所述加载事件接口。
    5.如权利要求2所述的方法,其特征在于,所述存储所述网页的加载
    速度包括:
    所述content.js文件将所述网页的加载速度以及所述网页的相关信息发
    送给background.js文件,其中,所述网页的相关信息包括所述网页的URL
    以及打开所述网页的浏览器的类型和版本;以及
    所述background.js文件将浏览器和所述网页的相关信息以及所述网页
    的加载速度插入到数据库中。
    6.如权利要求1所述的方法,其特征在于,所述方法还包括:
    判断是否需要进行下一个网页的测试;
    若是,则对所述下一个网页的加载速度进行测试;以及
    当获取多个网页的加载速度之后,计算所述多个网页的加载速度的平
    均值,以所述平均值作为所述多个网页的浏览器的网页加载速度。
    7.如权利要求1所述的方法,其特征在于,所述方法还包括:
    比较多个浏览器的网页加载速度;以及
    根据比较结果生成所述多个浏览器的网页加载速度的测试报告。
    8.一种网页加载速度的测试装置,其特征在于,所述装置包括:
    接收模块,用于接收打开网页的操作指令;
    加载模块,用于根据所述接收模块所接收到的操作指令加载网页;
    读取模块,用于读取加载事件接口的加载开始和加载结束时的时间戳
    以获取所述网页的加载速度;以及
    存储模块,用于存储所述网页的加载速度。
    9.如权利要求8所述的装置,其特征在于,所述装置还包括:
    注入模块,用于在所述接收模块接收到所述打开网页的操作指令之后
    注入content.js文件;
    所述读取模块还用于在所述content.js文件中读取所述加载事件接口。
    10.如权利要求9所述的装置,其特征在于,所述加载事件接口包括
    window.performance.timing.loadEventEnd和
    window.performance.timing.navigationStart或window.performance.timing.
    loadEventStart。
    11.如权利要求9所述的装置,其特征在于,当所述网页加载完成时,
    所述读取模块还用于触发并执行在content.js文件中预先定义
    的window.onload以读取所述加载事件接口。
    12.如权利要求9所述的装置,其特征在于,所述读取模块还用于通
    过所述content.js文件将所述网页的加载速度以及所述网页的相关信息发送
    给background.js文件,其中,所述网页的相关信息包括所述网页的URL以
    及打开所述网页的浏览器的类型和版本;以及
    所述存储模块还用于通过所述background.js文件将浏览器和所述网页
    的相关信息以及所述网页的加载速度插入到数据库中。
    13.如权利要求8所述的装置,其特征在于,所述装置还包括:
    判断模块,用于判断是否需要进行下一个网页的测试,若是,则所述
    装置对所述下一个网页的加载速度进行测试;以及
    平均值计算模块,用于当获取多个网页的加载速度之后,计算所述多
    个网页的加载速度的平均值,以所述平均值作为所述多个网页的浏览器的
    网页加载速度。
    14.如权利要求8所述的装置,其特征在于,所述装置还包括:
    比较模块,用于比较多个浏览器的网页加载速度;以及
    测试报告生成模块,用于根据比较结果生成所述多个浏览器的网页加
    载速度的测试报告。

    说明书

    网页加载速度的测试方法及装置

    技术领域

    本发明涉及计算机技术领域,特别涉及一种网页加载速度的测试方法
    及装置。

    背景技术

    随着计算机、互联网技术的发展以及各种终端设备的普及,浏览器已
    成为终端设备中不可缺少的安装软件之一。为了给用户提供更好的体验,
    测试人员通常需要对浏览器的网页加载速度进行测试。目前的测试方式可
    以通过截取网页内容来判断网页是否加载完毕,或者采用第三方工具,如
    YSlow、Page Speed、WebPagetest等测试工具来对网页的加载速度进行测
    试。然而上述测试方法或比较复杂、或需依赖第三方工具,而且难以判断
    网页是否加载完成,因而易导致统计的加载时间不准确。

    发明内容

    有鉴于此,本发明的实施例提供一种网页加载速度的测试方法及装
    置,不仅测试简单并且测试结果比较准确。

    具体地,本发明的实施例提供的一种网页加载速度的测试方法包括:
    接收打开网页的操作指令;根据所接收到的操作指令加载网页;读取加载
    事件接口的加载开始和加载结束时的时间戳以获取所述网页的加载速度;
    以及存储所述网页的加载速度。

    本发明的实施例提供的一种网页加载速度的测试装置包括:接收模
    块,用于接收打开网页的操作指令;加载模块,用于根据所述接收模块所
    接收到的操作指令加载网页;读取模块,用于读取加载事件接口的加载开
    始和加载结束时的时间戳以获取所述网页的加载速度;以及存储模块,用
    于存储所述网页的加载速度。

    通过本发明实施例提供的网页加载速度的测试方法及测试装置,测试
    人员可以无需截取网页内容或者采用第三方工具,仅需直接读取加载事件
    接口来获取网页的加载速度,不仅测试简单,而且测试结果准确。

    为让本发明的上述和其他目的、特征和优点能更明显易懂,下文特举
    较佳实施例,并配合所附图式,作详细说明如下。

    附图说明

    图1为本发明实施例提供的网页加载速度的测试方法及装置的应用
    环境图。

    图2为图1中的终端设备的一种结构框图。

    图3为图1中的服务器的一种结构框图。

    图4为本发明的第一实施例提供的一种网页加载速度的测试方法的
    流程示意图。

    图5为本发明的第二实施例提供的一种网页加载速度的测试方法的
    流程示意图。

    图6为本发明的第三实施例提供的一种网页加载速度的测试方法的
    流程示意图。

    图7为本发明的第四实施例提供的一种网页加载速度的测试装置的
    结构框图。

    图8为本发明的第五实施例提供的一种网页加载速度的测试装置的
    结构框图。

    图9为本发明的第六实施例提供的一种网页加载速度的测试装置的
    结构框图。

    具体实施方式

    为更进一步阐述本发明为实现预定发明目的所采取的技术手段及功
    效,以下结合附图及较佳实施例,对依据本发明的具体实施方式、结构、
    特征及其功效,详细说明如后。

    请参考图1,图1为本发明实施例提供的网页加载速度的测试方法及
    装置的应用环境图。如图1所示,安装有浏览器客户端的终端设备100与
    服务器200通过网络连接,服务器200连接数据库300,该数据库300用
    于存储各种数据,如本发明的网页测试速度、测试报告等,该数据库300
    可以独立于该服务器200,也可以设置在该服务器200之内。终端设备100
    可以是各种电子装置,如个人电脑、笔记本电脑、平板电脑、手机等。网
    络可为但不限于互联网、企业内部网、局域网、移动通信网及其组合。

    请参考图2,图2示出了终端设备100的一个实施例的结构框图。如
    图2所示,终端设备100包括存储器102、存储控制器104,一个或多个
    (图中仅示出一个)处理器106、外设接口108、射频模块110、定位模
    块112、摄像模块114、音频模块116、显示模块118以及按键模块120。
    这些组件通过一条或多条通讯总线/信号线122相互通讯。

    可以理解,图2所示的结构仅为示意,终端设备100还可包括比图2
    中所示更多或者更少的组件,或者具有与图2所示不同的配置。图2中所
    示的各组件可以采用硬件、软件或其组合实现。

    其中,存储器102可用于存储软件程序以及模块,如本发明实施例中
    的网页加载速度的测试方法及装置对应的程序指令/模块,处理器106通
    过运行存储在存储器102内的软件程序以及模块,从而执行各种功能应用
    以及数据处理,即实现本发明实施例中的网页加载速度的测试方法。

    存储器102可包括高速随机存储器,还可包括非易失性存储器,如一
    个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些
    实例中,存储器102可进一步包括相对于处理器106远程设置的存储器,
    这些远程存储器可以通过网络连接至终端设备100。上述网络的实例包括
    但不限于互联网、企业内部网、局域网、移动通信网及其组合。处理器
    106以及其他可能的组件对存储器102的访问可在存储控制器104的控制
    下进行。

    外设接口108将各种输入/输入装置耦合至处理器106以及存储器
    102。处理器106运行存储器102内的各种软件、指令以执行终端设备100
    的各种功能以及进行数据处理。

    在一些实施例中,外设接口108,处理器106以及存储控制器104可
    以在单个芯片中实现,在其他一些实例中,也可以分别由独立的芯片实现。

    射频模块110用于接收以及发送电磁波,实现电磁波与电信号的相互
    转换,从而与通讯网络或者其他设备进行通讯。射频模块110可包括各种
    现有的用于执行这些功能的电路元件,例如,天线、射频收发器、数字信
    号处理器、加密/解密芯片、用户身份模块(SIM)卡、存储器等等。射频
    模块110可与各种网络如互联网、企业内部网、无线网络进行通讯或者通
    过无线网络与其他设备进行通讯。上述的无线网络可包括蜂窝式电话网、
    无线局域网或者城域网。上述的无线网络可以使用各种通信标准、协议及
    技术,包括但并不限于全球移动通信系统(Global System for Mobile
    Communication,GSM)、增强型移动通信技术(Enhanced Data GSM
    Environment,EDGE),宽带码分多址技术(wideband code division multiple
    access,W-CDMA),码分多址技术(Code division access,CDMA)、时
    分多址技术(time division multiple access,TDMA),蓝牙,无线保真技
    术(Wireless,Fidelity,WiFi)(如美国电气和电子工程师协会标准IEEE
    802.11a,IEEE 802.11b,IEEE802.11g和/或IEEE 802.11n)、网络电话
    (Voice over internet protocal,VoIP)、全球微波互联接入(Worldwide
    Interoperability for Microwave Access,Wi-Max)、其他用于邮件、即时
    通讯及短消息的协议,以及任何其他合适的通讯协议,甚至可包括那些当
    前仍未被开发出来的协议。

    定位模块112用于获取终端设备100的当前位置。定位模块112的实
    例包括但不限于全球卫星定位系统(GPS)、基于无线局域网或者移动通
    信网的定位技术。

    摄像模块114用于拍摄照片或者视频。拍摄的照片或者视频可以存储
    至存储器102内,并可通过射频模块110发送。

    音频模块116向用户提供音频接口,其可包括一个或多个麦克风、一
    个或者多个扬声器以及音频电路。音频电路从外设接口108处接收声音数
    据,将声音数据转换为电信息,将电信息传输至扬声器。扬声器将电信息
    转换为人耳能听到的声波。音频电路还从麦克风处接收电信息,将电信号
    转换为声音数据,并将声音数据传输至外设接口108中以进行进一步的处
    理。音频数据可以从存储器102处或者通过射频模块110获取。此外,音
    频数据也可以存储至存储器102中或者通过射频模块110进行发送。在一
    些实例中,音频模块116还可包括一个耳机播孔,用于向耳机或者其他设
    备提供音频接口。

    显示屏幕118在终端设备100与用户之间提供一个输出界面。具体地,
    显示屏幕118向用户显示视频输出,这些视频输出的内容可包括文字、图
    形、视频、及其任意组合。一些输出结果是对应于一些用户界面对象。进
    一步地,显示屏幕118还可在终端设备100与用户之间提供一个输入界面,
    用于接收用户的输入,例如用户的点击、滑动等手势操作,以便用户界面
    对象对这些用户的输入做出响应。检测用户输入的技术可以是基于电阻
    式、电容式或者其他任意可能的触控检测技术。显示屏幕118的具体实例
    包括但并不限于液晶显示器或发光聚合物显示器。

    按键模块120同样提供用户向终端设备100进行输入的接口,用户可
    以通过按下不同的按键以使终端设备100执行不同的功能。

    图3示出了服务器200的一个实施例的结构框图。如图3所示,服务
    器200包括:存储器201、处理器202以及网络模块203。

    可以理解,图3所示的结构仅为示意,服务器200还可包括比图3中
    所示更多或者更少的组件,或者具有与图3所示不同的配置。图3中所示
    的各组件可以采用硬件、软件或其组合实现。另外,本发明实施例中的服
    务器200还可以包括多个具体不同功能的服务器。

    存储器201可用于存储软件程序以及模块,如本发明实施例中的网页
    加载速度的测试方法及装置对应的程序指令/模块,处理器202通过运行
    存储在存储器201内的软件程序以及模块,从而执行各种功能应用以及数
    据处理,即实现本发明实施例中的网页加载速度的测试方法。存储器201
    可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性
    存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器
    201可进一步包括相对于处理器202远程设置的存储器,这些远程存储器
    可以通过网络连接至服务器200。进一步地,上述软件程序以及模块还可
    包括:服务模块221以及操作系统222。其中操作系统222,例如可为
    LINUX、UNIX、WINDOWS,其可包括各种用于管理系统任务(例如内
    存管理、存储设备控制、电源管理等)的软件组件和/或驱动,并可与各
    种硬件或软件组件相互通讯,从而提供其他软件组件的运行环境。服务模
    块221运行在操作系统222的基础上,并通过操作系统222的网络服务监
    听来自网络的请求,根据请求完成相应的数据处理,并返回处理结果给客
    户端。也就是说,服务模块221用于向客户端提供网络服务。

    网络模块203用于接收以及发送网络信号。上述网络信号可包括无线
    信号或者有线信号。在一个实例中,上述网络信号为有线网络信号。此时,
    网络模块203可包括处理器、随机存储器、转换器、晶体振荡器等元件。

    以下结合具体的实施例说明本发明的网页加载速度的测试方法及装
    置。

    第一实施例

    请参考图4,图4为本发明的第一实施例提供的一种网页加载速度的
    测试方法的流程示意图。如图4所示,本实施例所述方法包括以下步骤:

    步骤S11,接收打开网页的操作指令;

    在本步骤中,用户可通过安装有浏览器客户端的终端设备100打开浏
    览器的网页,比如通过点击链接、或者地址栏中输入网址等操作打开网页。

    步骤S12,根据所接收到的操作指令加载网页;

    在本步骤中,当浏览器客户端接收到打开网页的操作指令后,浏览器
    客户端从服务器200中加载该网页,并且在接收到所述打开网页的操作指
    令之后注入content.js文件,注入content.js文件的时间可由配置文件
    manifest.json预先定义,比如,可在网页在打开比如提出读取文档的HTTP
    请求时)或者加载开始(如当前网页加载事件的回调函数运行开始时)或
    者加载完成(如当前网页加载事件的回调函数运行结束时)时,将content.js
    文件注入到该网页中。

    步骤S13,读取加载事件接口的加载开始和加载结束时的时间戳以获
    取所述网页的加载速度;

    在本步骤中,当网页加载完成之后,通过content.js文件读取加载事
    件接口的加载开始和加载结束时的时间戳以获取所述网页的加载速度,其
    中,网页加载完成可指网页页面内包括图片等所有元素加载完成。在本实
    施例中,该加载事件接口包括window.performance.timing.loadEventEnd和
    window.performance.timing.navigationStart。其中,加载事件接口
    window.performance.timing.loadEventEnd用于返回当前网页加载事件的回
    调函数运行结束时的Unix毫秒时间戳,加载事件接口
    window.performance.timing.navigationStart用于返回当前浏览器窗口的前
    一个网页关闭,发生unload事件时的Unix毫秒时间戳,如果没有前一个
    网页,则等于fetchStart属性,而fetchStart属性用于返回浏览器准备使用
    HTTP请求读取文档时的Unix毫秒时间戳。通过读取该加载事件接口
    window.performance.timing.loadEventEnd和
    window.performance.timing.navigationStart即可以获取浏览器准备使用
    HTTP请求读取文档时的Unix毫秒时间戳和当前网页加载事件的回调函
    数运行结束时的Unix毫秒时间戳,在本实施例中,可以定义浏览器准备
    使用HTTP请求读取文档时的时间为加载开始时间,而当前网页加载事件
    的回调函数运行结束时的时间为加载结束时间,因此,加载开始时间和加
    载结束时间之间的时间差即为加载时间,通过该加载时间即可计算出一个
    网页的加载速度。

    加载开始时间和加载结束时间可以根据实际需要定义,比如,在其他
    实施例中,该加载事件接口也可包括
    window.performance.timing.loadEventEnd和
    window.performance.timing.loadEventStart,加载事件接口
    window.performance.timing.loadEventStart用于返回当前网页加载事件的
    回调函数运行开始时的Unix毫秒时间戳,此时,可以定义当前网页加载
    事件的回调函数运行开始时的时间为加载开始时间,而当前网页加载事件
    的回调函数运行结束时的时间为加载结束时间。

    在本实施例中,由配置文件manifest.json预先定义可以被该测试方法
    测试的网站类型,比如通过content_scripts的参数“matches”来定义,格
    式例如为["*://*/*"],如此只要符合配置的网页都会在打开或者加载时被
    注入content.js文件,等到网页加载完成时,在content.js文件中预先定义
    的window.onload就会被触发执行以读取所述加载事件接口,从而获取该
    网页的加载速度。

    步骤S14,存储所述网页的加载速度。

    在本步骤中,content.js文件将网页的加载速度以及该网页的相关信
    息发送给background.js文件,background.js文件将浏览器和该网页的相关
    信息以及该网页的加载速度插入到数据库300中。其中,该数据库300可
    为Mysql数据库。该网页的相关信息可以包括该网页的URL、打开该网
    页的浏览器的类型和版本等信息。

    在本实施例中,该测试方法可通过插件的方式实现,测试人员可在需
    要测试的浏览器中安装此插件,从而实现对该浏览器的网页加载速度进行
    测试。

    通过本实施例提供的测试方法,测试人员可以无需截取网页内容或者
    采用第三方工具,仅需直接读取加载事件接口来获取网页的加载速度,不
    仅测试简单,而且测试结果准确。

    第二实施例

    请参考图5,图5为本发明的第二实施例提供的一种网页加载速度的
    测试方法的流程示意图。本实施例所提供的方法与第一实施例相似,如图
    5所示,本实施例所述方法包括以下步骤:

    步骤S21,接收打开网页的操作指令;

    步骤S22,根据所接收到的操作指令加载网页;

    步骤S23,读取加载事件接口的加载开始和加载结束时的时间戳以获
    取所述网页的加载速度;

    步骤S24,存储所述网页的加载速度;

    上述步骤S21至S24的具体内容可参考第一实施例,在此不再赘述。

    步骤S25,判断是否需要进行下一个网页的测试;

    在本步骤中,判断是否需要进行下一个网页的测试,若是,执行步骤
    S21,以开始对用户打开的下一个网页的加载速度进行测试。

    步骤S26,当获取多个网页的加载速度之后,计算所述多个网页的加
    载速度的平均值。

    在本步骤中,当获取多个网页的加载速度之后,计算所述多个网页的
    加载速度的平均值,以所述平均值作为所述多个网页的浏览器的网页加载
    速度。在本实施例中,可预先定义需要测试的网页数量,每当一个网页的
    加载速度测试得到之后,对该网页的加载速度进行存储,并且对下一个网
    页的加载速度进行测试,直到所有需要测试的网页的加载速度测试完成,
    则计算所有网页的加载速度的平均值,将该平均值作为网页浏览器的网页
    加载速度。

    在本实施例中,该测试方法可通过插件的方式实现,测试人员可在需
    要测试的浏览器中安装此插件,从而实现对该浏览器的网页加载速度进行
    测试。

    通过本实施例提供的测试方法,测试人员可以无需截取网页内容或者
    采用第三方工具,仅需直接读取加载事件接口来获取网页的加载速度,不
    仅测试简单,而且通过取多个网页的加载速度的平均值作为浏览器的网页
    加载速度的方式可以更加准确、客观地反映浏览器的网页加载性能。

    第三实施例

    请参考图6,图6为本发明的第三实施例提供的一种网页加载速度的
    测试方法的流程示意图。本实施例所提供的方法与第一实施例相似,如图
    6所示,本实施例所述方法包括以下步骤:

    步骤S31,接收打开网页的操作指令;

    步骤S32,根据所接收到的操作指令加载网页;

    步骤S33,读取加载事件接口的加载开始和加载结束时的时间戳以获
    取所述网页的加载速度;

    步骤S34,存储所述网页的加载速度;

    上述步骤S31至S34的具体内容可参考第一实施例,在此不再赘述。

    步骤S35,比较多个浏览器的网页加载速度;

    在本步骤中,依次采用步骤S31至S34对多个浏览器的网页加载速度
    进行测试之后获得该多个浏览器的网页加载速度,对该多个浏览器的网页
    加载速度进行比较。

    在其他实施例中,也可采用第二实施例的测试方法,将每一浏览器的
    多个网页测得的加载速度取平均值,以该平均值来作为该浏览器的网页加
    载速度。

    步骤S36,根据比较结果生成所述多个浏览器的网页加载速度的测试
    报告。

    在本步骤中,根据比较结果生成该多个浏览器的网页加载速度的测试
    报告,其中,可按照速度大小对该多个浏览器进行排列,并且说明各浏览
    器的网页加载速度。

    在本实施例中,该测试方法可通过插件的方式实现,测试人员可在需
    要测试的浏览器中安装此插件,从而实现对该浏览器的网页加载速度进行
    测试。

    通过本实施例提供的测试方法,测试人员可以无需截取网页内容或者
    采用第三方工具,仅需直接读取加载事件接口来获取网页的加载速度,不
    仅测试简单,而且测试结果准确。进一步地,通过对多个浏览器的网页加
    载速度进行测试、比较并生成测试报告,方便测试人员快速了解多个浏览
    器的性能优劣。

    第四实施例

    请参考图7,图7为本发明的第四实施例提供的一种网页加载速度的
    测试装置的结构框图。本实施例所提供的测试装置用于实现上述实施例中
    的测试方法。如图7所示,所述测试装置包括接收模块401、加载模块402、
    读取模块403、以及存储模块404。

    接收模块401,用于接收打开网页的操指令作。其中,用户可通过安
    装有浏览器客户端的终端设备100打开浏览器的网页,比如通过点击链
    接、或者地址栏中输入网址等操作打开网页。

    加载模块402,用于根据接收模块401所接收到的操作指令加载网页。
    当浏览器客户端接收到用户打开网页的操作后,该加载模块402从服务器
    200中加载该网页。

    在本实施例中,该测试装置还包括注入模块405,该注入模块405用
    于在该接收模块401接收到所述打开网页的操作指令之后注入content.js
    文件。

    读取模块403,用于读取加载事件接口的加载开始和加载结束时的时
    间戳以获取所述网页的加载速度。当网页加载完成之后,读取模块403读
    取content.js文件中的加载事件接口以获取所述网页的加载速度,其中,
    网页加载完成可指网页页面内包括图片等所有元素加载完成,该加载事件
    接口包括window.performance.timing.loadEventEnd和
    window.performance.timing.navigationStart或window.performance.timing.
    loadEventStart。在本实施例中,由配置文件manifest.json预先定义可以被
    该测试方法测试的网站类型,比如通过content_scripts的参数“matches”
    来定义,格式例如为["*://*/*"],如此只要符合配置的网页都会在打开或
    者加载时被注入模块405注入content.js文件,等到网页加载完成时,读
    取模块403触发并执行在content.js文件中预先定义的window.onload以读
    取所述加载事件接口,从而获取该网页的加载速度。

    存储模块404,用于存储所述网页的加载速度。其中,该读取模块403
    还用于通过所述content.js文件将所述网页的加载速度以及所述网页的相
    关信息发送给background.js文件,,其中,所述网页的相关信息包括所
    述网页的URL以及打开所述网页的浏览器的类型和版本。该存储模块404
    还用于通过所述background.js文件将浏览器和所述网页的相关信息以及
    所述网页的加载速度插入到数据库300中。其中,该数据库300可为Mysql
    数据库。

    在本实施例中,该测试装置可通过插件的方式实现,测试人员可在需
    要测试的浏览器中安装此插件,从而实现对该浏览器的网页加载速度进行
    测试。

    通过本实施例提供的测试装置,测试人员可以无需截取网页内容或者
    采用第三方工具,仅需直接读取加载事件接口来获取网页的加载速度,不
    仅测试简单,而且测试结果准确。

    第五实施例

    请参考图8,图8为本发明的第五实施例提供的一种网页加载速度的
    测试装置的结构框图。本实施例所提供的测试装置与第四实施例相似,如
    图8所示,所述测试装置包括接收模块501、加载模块502、读取模块503、
    存储模块504、注入模块505、判断模块506以及平均值计算模块507。
    其中,接收模块501、加载模块502、读取模块503、存储模块504以及
    注入模块505的具体内容请参考第四实施例,在此不再赘述。

    判断模块506,用于判断是否需要进行下一个网页的测试,若是,则
    所述装置对所述下一个网页的加载速度进行测试。

    平均值计算模块507,用于当获取多个网页的加载速度之后,计算所
    述多个网页的加载速度的平均值,以所述平均值作为所述多个网页的浏览
    器的网页加载速度。在本实施例中,该测试装置可预先定义需要测试的网
    页数量,每当一个网页的加载速度测试得到之后,对该网页的加载速度进
    行存储,并且对下一个网页的加载速度进行测试,直到所有需要测试的网
    页的加载速度测试完成,则计算所有网页的加载速度的平均值,将该平均
    值作为网页浏览器的网页加载速度。

    在本实施例中,该测试装置可通过插件的方式实现,测试人员可在需
    要测试的浏览器中安装此插件,从而实现对该浏览器的网页加载速度进行
    测试。

    通过本实施例提供的测试装置,测试人员可以无需截取网页内容或者
    采用第三方工具,仅需直接读取加载事件接口来获取网页的加载速度,不
    仅测试简单,而且通过取多个网页的加载速度的平均值作为浏览器的网页
    加载速度的方式可以更加准确、客观地反映浏览器的网页加载性能。

    第六实施例

    请参考图9,图9为本发明的第六实施例提供的一种网页加载速度的
    测试装置的结构框图。本实施例所提供的测试装置与第四实施例相似,如
    图9所示,所述测试装置包括接收模块601、加载模块602、读取模块603、
    存储模块604、注入模块605、比较模块606以及测试报告生成模块607。
    其中,接收模块601、加载模块602、读取模块603、存储模块604以及
    注入模块605的具体内容请参考第四实施例,在此不再赘述。

    比较模块606,用于比较多个浏览器的网页加载速度。在该测试装置
    对多个浏览器的网页加载速度进行测试之后获得该多个浏览器的网页加
    载速度,该比较模块606对该多个浏览器的网页加载速度进行比较。

    在其他实施例中,该测试装置可进一步包括如第五实施例的判断模块
    和平均值计算模块,将每一浏览器的多个网页测得的加载速度取平均值,
    以该平均值来作为该浏览器的网页加载速度。

    测试报告生成模块607,用于根据比较结果生成所述多个浏览器的网
    页加载速度的测试报告。其中,该测试报告生成模块607生成的测试报告
    可按照速度大小对该多个浏览器进行排列,并且说明各浏览器的网页加载
    速度。

    在本实施例中,该测试装置可通过插件的方式实现,测试人员可在需
    要测试的浏览器中安装此插件,从而实现对该浏览器的网页加载速度进行
    测试。

    通过本实施例提供的测试装置,测试人员可以无需截取网页内容或者
    采用第三方工具,仅需直接读取加载事件接口来获取网页的加载速度,不
    仅测试简单,而且测试结果准确。进一步地,通过对多个浏览器的网页加
    载速度进行测试、比较并生成测试报告,方便测试人员快速了解多个浏览
    器的性能优劣。

    需要说明的是,本说明书中的各个实施例采用递进的方式描述,每个实
    施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的
    部分互相参见即可。对于装置类实施例而言,由于其与方法实施例基本相似,
    所以描述的比较简单,相关之处参见方法实施例的部分说明即可。

    需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来
    将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示
    这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包
    括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包
    括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括
    没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置
    所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的
    要素,并不排除在包括要素的过程、方法、物品或者装置中还存在另外的相
    同要素。

    本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通
    过硬件来完成,也可以通过程序来指令相关的硬件完成,程序可以存储于一
    种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或
    光盘等。

    以上所述,仅是本发明的较佳实施例而已,并非对本发明作任何形式上
    的限制,虽然本发明已以较佳实施例揭示如上,然而并非用以限定本发明,
    任何本领域技术人员,在不脱离本发明技术方案范围内,当可利用上述揭示
    的技术内容做出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本
    发明技术方案内容,依据本发明的技术实质对以上实施例所作的任何简单修
    改、等同变化与修饰,均仍属于本发明技术方案的范围内。

    关 键  词:
    网页 加载 速度 测试 方法 装置
      专利查询网所有文档均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

    暂无评论,赶快抢占沙发吧。

    关于本文
    本文标题:网页加载速度的测试方法及装置.pdf
    链接地址:https://www.zhuanlichaxun.net/p-6028549.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

    copyright@ 2017-2018 zhuanlichaxun.net网站版权所有
    经营许可证编号:粤ICP备2021068784号-1