网页加载时间的测量方法及装置制造方法
【专利摘要】本发明提供一种网页加载时间的测量方法及装置。所述网页加载时间的测量方法包括：获取为加载网页的浏览器界面录制的预定时间长度的视频数据；对所述视频数据进行分帧，获取多个分帧图像及其相应的录制时间；根据所述多个分帧图像中指定区域的图像状态变化，确定所述网页中相应区域的加载时间。通过本发明提供的一种网页加载时间的测量方法及装置，实现准确测量网页加载时间，提高测量效率的目的。
【专利说明】网页加载时间的测量方法及装置
【技术领域】
[0001] 本发明涉及计算机【技术领域】，尤其涉及一种网页加载时间的测量方法及装置。
【背景技术】
[0002] 在用户打开浏览器访问网站时，网站页面不是一次性全部展示到屏幕上，而是分 批次加载和显示，总加载时间要比首屏内容加载时间长很多，如果网页的部分内容所占区 域范围比较大，而加载缓慢将导致用户体验差。
[0003] 目前，通过在指定的网页代码内嵌入代码来获取网页加载时间或者通过人为秒表 的方式去测试网页加载时间，而前者不具备通用性，只能评测自身网页的特定区域时间，另 外通过内嵌代码的形式获取时间与用户视觉上看到的会有一定偏差，而后者通过秒表等方 式去获取时间，人为误差较大，且效率偏低。
【发明内容】
[0004] 本发明的目的在于提供一种网页加载时间的测量方法及装置，通过对网页加载过 程进行视频录制，根据视频的指定区域的图像的状态变化确定网页加载时间，从而实现准 确测量网页加载时间的目的。
[0005] 根据本发明的一方面，提供一种网页加载时间的测量方法，包括：获取为加载网页 的浏览器界面录制的预定时间长度的视频数据；对所述视频数据进行分帧，获取多个分帧 图像及其相应的录制时间；根据所述多个分帧图像中指定区域的图像状态变化，确定所述 网页中相应区域的加载时间。
[0006] 根据本发明的另一方面，提供一种应用上述测量方法的网页加载时间的测量装 置，包括：获取模块，用于获取为加载网页的浏览器界面录制的预定时间长度的视频数据； 分帧模块，用于对所述视频数据进行分帧，获取多个分帧图像及其相应的录制时间；确定模 块，用于根据所述多个分帧图像中指定区域的图像状态变化，确定所述网页中相应区域的 加载时间。
[0007] 本发明的网页加载时间的测量方法及装置，通过为加载网页的浏览器界面录制的 足够时间长度的视频数据，根据所述视频数据分出的多个分帧图像中指定区域的图像状态 变化，确定所述网页中相应区域的加载时间，从而实现准确测量网页加载时间，提高测量效 率的目的。
【专利附图】
【附图说明】
[0008] 图1为本发明实施例的网页加载时间的测量方法的流程图。
[0009] 图2为本发明实施例的网页加载时间的测量装置的结构框图。
[0010] 图3为本发明实施例的网页加载时间的测量过程示例图之一。
[0011] 图4为本发明实施例的网页加载时间的测量过程示例图之二。
[0012] 图5为本发明实施例的网页加载时间的测量过程示例图之三。
[0013] 图6为本发明实施例的网页加载时间的测量过程示例图之四。
【具体实施方式】
[0014] 本发明的总体构思是，通过对网页加载全过程的浏览器界面进行视频录制，对所 述视频数据进行分帧，获取多个分帧图像及其相应的录制时间，根据所述多个分帧图像中 指定区域的图像状态变化，确定所述网页中相应区域的加载时间，从而实现准确测量网页 加载时间，实现准确测量网页加载时间的目的。
[0015] 下面结合附图对本发明实施例一种网页加载时间的测量方法及装置进行详细描 述。
[0016] 图1示出了本发明实施例的网页加载时间的测量方法的流程图。
[0017] 参照图1，在步骤S110,获取为加载网页的浏览器界面录制的预定时间长度的视 频数据。
[0018] 根据本发明的示例性实施例，在步骤SllO获取的视频数据，可以是通过第三方屏 幕录像软件或者高速摄像头等方式录制，所述预定时间长度大于或等于网页加载的时间。
[0019] 在步骤S120,对在步骤SllO获取到的视频数据进行分帧，获取多个分帧图像及其 相应的录制时间。通常，视频数据都包括录制时间、数据大小等项目的元数据，可根据所述 元数据和所述多个分帧图像的时间偏移值获取其相应的录制时间，或者直接将所述多个分 帧图像的时间偏移值作为其录制时间。
[0020] 在步骤S130,根据多个分帧图像中指定区域的图像状态变化，确定网页中相应区 域的加载时间。其中，所述多个分帧图像中的指定区域与要测量加载时间的网页区域相应， 可例如，但不限于，通过第三方工具标记工具标注所述指定区域或手动标注所述指定区域 等，例如，标注的指定区域的坐标区域[0,0, 200, 300]表示起点坐标为[0,0]且区域大小为 [200,300]。
[0021] 具体地，步骤S130可包括：
[0022] 最终状态标定：基于多个分帧图像当中最晚录制的分帧图像计算指定区域的最终 图像状态；
[0023] 加载完成定位：确定所述多个分帧图像当中，最早录制的所述指定区域的图像状 态与所述最终图像状态相同的分帧图像；
[0024] 加载时间计算：基于网页加载起始时间和所述确定的分帧图像的录制时间计算所 述网页中相应区域的加载时间。这里，可以将所述多个分帧图像当中的首个分帧图像的录 制时间为所述网页加载起始时间，也由用户提供所述网页加载起始时间。
[0025] 为了进行所述最终状态标定和加载完成定位，需要计算所述最晚录制的分帧图像 中所述指定区域的图像状态（即最终图像状态），并且需要对所述多个分帧图像逐帧进行 分析，计算所述各分帧图像中所述指定区域的图像状态，再将所述各分帧图像中所述指定 区域的图像状态与所述最终图像状态进行比较，并且确定最早录制的所述指定区域的图像 状态与所述最终图像状态相同的分帧图像。
[0026] 根据本发明的示例性实施例，在最终状态标定和加载完成定位的处理中，对要处 理的任一分帧图像，可通过以下操作计算该分帧图像中的指定区域的图像状态：
[0027] 首先，将所述分帧图像的所述指定区域划分为预定个数的大小相同的块。例如，将 该指定区域划分为M*N个块，即M行N列，每一个块大小相同。
[0028] 然后，计算划分成的每个块被填充的状态数据，并且根据所述预定个数的块被填 充的状态数据计算所述指定区域的填充率。
[0029] 以下将提供用于计算分帧图像所述指定区域的填充率的三个实施例：
[0030] 实施例一
[0031] 所述计算划分成的每个块被填充的状态数据，并且根据所述预定个数的块被填充 的状态数据计算所述指定区域的填充率包括：
[0032] 首先，根据所述每个块是否包含非空白像素确定块是否为非空白块。
[0033] 例如，如果一个块中有任一像素满足以下条件，则可确定该块中包含非空白像 素：
[0034] I R-GI > 常数 C1 且 I R-B I > 常数 C2 且 IG-B I > 常数 C3，或者
[0035] R <常数C4且R <常数C5且B <常数C6,
[0036] 其中，所述R、G和B分别为所述像素点的红、绿、蓝颜色分量值，C1?C 6为常量。
[0037] 通过上式可确定所述块中是否有非空白像素。如果有非空白像素，则所述块为非 空白块；如果所述块中没有非空白像素，确定每个块是空白块。
[0038] 在确定每个块是否为非空白块以后，可确定所述指定区域中非空白块的个数。
[0039] 之后，可根据下式计算所述指定区域的第一填充率：
[0040] 第一填充率=非空白块的个数+所述指定区域中块的个数。
[0041] 例如，在某一个指定区域中，其非空白块的个数为50,将指定区域划分为2*50的 大小相同的块，则通过上式可以计算得到第一填充率=50 + 100 = 0. 5。
[0042] 在此基础上，根据实施例一，所述加载完成定位的处理还包括：确定所述多个分帧 图像当中，最早录制的所述指定区域的第一填充率与所述最终图像状态相同的分帧图像， 其中，所述最终图像状态是为所述最晚录制的分帧图像计算的所述指定区域的第一填充 率。
[0043] 实施例二
[0044] 所述计算划分成的每个块被填充的状态数据，并且根据所述预定个数的块被填充 的状态数据计算所述指定区域的填充率的处理包括：
[0045] 首先，根据下式计算划分成的每个块内每个像素点的复杂度：
[0046]
【权利要求】
1. 一种网页加载时间的测量方法，其特征在于，所述测量方法包括： 获取为加载网页的浏览器界面录制的预定时间长度的视频数据； 对所述视频数据进行分帧，获取多个分帧图像及其相应的录制时间； 根据所述多个分帧图像中指定区域的图像状态变化，确定所述网页中相应区域的加载 时间。
2. 根据权利要求1所述的测量方法，其特征在于，所述根据所述多个分帧图像中指定 区域的图像状态变化，确定所述网页中相应区域的加载时间的步骤包括： 最终状态标定：基于所述多个分帧图像当中最晚录制的分帧图像计算所述指定区域的 最终图像状态， 加载完成定位：确定所述多个分帧图像当中，最早录制的所述指定区域的图像状态与 所述最终图像状态相同的分帧图像， 加载时间计算：基于网页加载起始时间和所述确定的分帧图像的录制时间计算所述网 页中相应区域的加载时间。
3. 根据权利要求2所述的测量方法，其特征在于，所述多个分帧图像当中的首个分帧 图像的录制时间为所述网页加载起始时间。
4. 根据权利要求3所述的测量方法，其特征在于，在所述最终状态标定和加载完成定 位的处理中，对要处理的任一分帧图像，通过以下操作计算所述分帧图像中所述指定区域 的图像状态： 将所述分帧图像的所述指定区域划分为预定个数的大小相同的块， 计算划分成的每个块被填充的状态数据，并且根据所述预定个数的块被填充的状态数 据计算所述指定区域的填充率。
5. 根据权利要求4所述的测量方法，其特征在于，所述计算划分成的每个块被填充的 状态数据，并且根据所述预定个数的块被填充的状态数据计算所述指定区域的填充率的处 理包括： 根据所述每个块是否包含非空白像素确定所述块是否为非空白块， 根据下式计算所述指定区域的第一填充率： 第一填充率=非空白块的个数+所述指定区域中块的个数。
6. 根据权利要求5所述的测量方法，其特征在于，所述加载完成定位的处理还包括：确 定所述多个分帧图像当中，最早录制的所述指定区域的第一填充率与所述最终图像状态相 同的分帧图像，其中，所述最终图像状态是为所述最晚录制的分帧图像计算的所述指定区 域的第一填充率。
7. 根据权利要求4所述的测量方法，其特征在于，所述计算划分成的每个块被填充的 状态数据，并且根据所述预定个数的块被填充的状态数据计算所述指定区域的填充率的处 理包括： 根据下式计算划分成的每个块内每个像素点的复杂度：
其中，所述R、G和B为所述像素点的颜色分量值，互、5及万·分别为R、G和B的均值， 对所述块中所有像素点的复杂度求平均值，得到块复杂度， 对所述指定区域中所有块的块复杂度求平均值，得到所述指定区域的第二填充率。
8. 根据权利要求7所述的测量方法，其特征在于，所述加载完成定位的处理还包括：确 定所述多个分帧图像当中，最早录制的所述指定区域的第二填充率与所述最终图像状态相 同的分帧图像，其中，所述最终图像状态是为所述最晚录制的分帧图像计算的所述指定区 域的第二填充率。
9. 根据权利要求8所述的测量方法，其特征在于，所述计算划分成的每个块被填充的 状态数据，并且根据所述预定个数的块被填充的状态数据计算所述指定区域的填充率的处 理还包括： 根据所述每个块是否包含非空白像素确定所述块是否为非空白块， 根据下式计算所述指定区域的第一填充率： 第一填充率=非空白块的个数+所述指定区域中块的个数。
10. 根据权利要求9所述的测量方法，其特征在于，所述加载完成定位的处理还包括： 确定所述多个分帧图像当中，最早录制的所述指定区域的第一填充率和第二填充率与所述 最终图像状态相同的分帧图像，其中，所述最终图像状态是为所述最晚录制的分帧图像计 算的所述指定区域的第一填充率和第二填充率。
11. 一种网页加载时间的测量装置，其特征在于，所述测量装置包括： 获取模块，用于获取为加载网页的浏览器界面录制的预定时间长度的视频数据； 分帧模块，用于对所述视频数据进行分帧，获取多个分帧图像及其相应的录制时间； 确定模块，用于根据所述多个分帧图像中指定区域的图像状态变化，确定所述网页中 相应区域的加载时间。
12. 根据权利要求11所述的测量装置，其特征在于，所述确定模块包括： 最终状态标定单元，用于基于所述多个分帧图像当中最晚录制的分帧图像计算所述指 定区域的最终图像状态， 加载完成定位单元，用于确定所述多个分帧图像当中，最早录制的所述指定区域的图 像状态与所述最终图像状态相同的分帧图像， 加载时间计算单元，用于基于网页加载起始时间和所述确定的分巾贞图像的录制时间计 算所述网页中相应区域的加载时间。
13. 根据权利要求12所述的测量装置，其特征在于，所述多个分帧图像当中的首个分 帧图像的录制时间为所述网页加载起始时间。
14. 根据权利要求13所述的测量装置，其特征在于，所述确定模块还包括：图像状态计 算单元，用于对最终状态标定单元和加载完成定位单元要处理的任一分帧图像，计算所述 分帧图像中所述指定区域的图像状态，所述图像状态计算单元包括： 块划分单元，用于将所述分帧图像的所述指定区域划分为预定个数的大小相同的块， 第一计算单元，用于计算划分成的每个块被填充的状态数据，并且根据所述预定个数 的块被填充的状态数据计算所述指定区域的填充率。
15. 根据权利要求14所述的测量装置，其特征在于，所述第一计算单元包括： 第一确定子单元，用于根据所述每个块是否包含非空白像素确定所述块是否为非空白 块， 第一计算子单元，用于根据下式计算所述指定区域的第一填充率： 第一填充率=非空白块的个数+所述指定区域中块的个数。
16. 根据权利要求15所述的测量装置，其特征在于，所述加载完成定位单元用于确定 所述多个分帧图像当中，最早录制的所述指定区域的第一填充率与所述最终图像状态相同 的分帧图像，其中，所述最终图像状态是为所述最晚录制的分帧图像计算的所述指定区域 的第一填充率。
17. 根据权利要求14所述的测量装置，其特征在于，所述第一计算单元包括： 第二计算子单元，用于根据下式计算划分成的每个块内每个像素点的复杂度：
其中，所述R、G和B分别为所述像素点的红、绿、蓝颜色分量值，及55及互分别为 R、G和B的均值， 均值计算子单元，用于对所述块中所有像素点的复杂度求平均值，得到块复杂度， 第二填充率获取子单元，用于对所述指定区域中所有块的块复杂度求平均值，得到所 述指定区域的第二填充率。
18. 根据权利要求17所述的测量装置，其特征在于，所述加载完成定位单元用于确定 所述多个分帧图像当中，最早录制的所述指定区域的第二填充率与所述最终图像状态相同 的分帧图像，其中，所述最终图像状态是为所述最晚录制的分帧图像计算的所述指定区域 的第二填充率。
19. 根据权利要求18所述的测量装置，其特征在于，所述第一计算单元包括： 第一确定子单元，用于根据所述每个块是否包含非空白像素确定所述块是否为非空白 块， 第一计算子单元，用于根据下式计算所述指定区域的第一填充率： 第一填充率=非空白块的个数+所述指定区域中块的个数。
20. 根据权利要求19所述的测量装置，其特征在于，所述加载完成定位单元用于确定 所述多个分帧图像当中，最早录制的所述指定区域的第一填充率和第二填充率与所述最终 图像状态相同的分帧图像，其中，所述最终图像状态是为所述最晚录制的分帧图像计算的 所述指定区域的第一填充率和第二填充率。
【文档编号】H04L12/26GK104394026SQ201410524513
【公开日】2015年3月4日 申请日期:2014年10月8日 优先权日:2014年10月8日
【发明者】李玲泉 申请人:百度在线网络技术（北京）有限公司