[发明专利]一种测量网页首屏时间的方法

说明书

技术领域

本发明属于自动化测试领域，具体地，本发明涉及一种测量网页首屏时间的方法，其可以应用在浏览器渲染引擎、页面加载性能的自动化测试或性能监测中。

背景技术

用户对网站的访问，是基于浏览器所获取的网页来实现的。通常，一个网站页面完全加载完毕后，总页面高度从一屏到十几屏不等，总加载时间要比首屏内容加载时间长很多。从用户体验角度来说，首屏时间是用户对一个网站加载性能的重要体验因素。当页面充满首屏区域时，对用户来说就可以看到内容并进行点击、滚动等操作，而不必等到所有内容都加载完毕。因此，从用户发起访问开始，到首屏内容加载完毕的这段时间，对用户体验而言至关重要。通常，将网站被浏览器全屏区域充满所需的时间称为首屏时间。为了对访问过程中网站和本地的一些参数进行衡量，通常需要对首屏时间进行测量。

页面性能监测是基于浏览器应用程序进程(IE、firefox、chrome等)，针对页面开展的一系列性能测试，综合了网络层、会话层、应用层的性能指标；页面性能监测是对浏览器行为进行特征化、对各项指标进行量化的基本手段。

渲染引擎在浏览器软件中负责展现内容(如HTML，XML、图片等)和整理信息(如CSS、HTML标签等)，并将内容格式化输出。渲染引擎首先通过网络获得所请求文档的内容，然后通过解析html、构建dom树、构建render树、布局render树、绘制render树几个步骤完成页面内容的展现。为了获得更好的用户体验，这个过程是逐步完成的，浏览器渲染引擎会尽可能早的将内容呈现到屏幕上，并不会等到所有的html都解析完成之后再去构建和布局render树。渲染引擎解析完一部分内容就显示一部分内容，同时，还在通过网络下载其余内容。对于用户而言，页面不是一次性全部展示到屏幕上，而是分批次加载和显示，当页面充满首屏区域时，用户就可以浏览内容并进行点击、滚动等操作了。自动化测试和监测软件为了获取浏览器首屏时间的性能指标，需要实时并精准的监测浏览器渲染引擎的渲染过程。

现有技术解决上述问题的通常方法是采用定时器定时获取页面的屏幕图像，然后逐行逐点扫描进行像素比对，当像素颜色数值不等于白色底色时，累计不等于白色底色的像素数量，同时比对页面上关键点的像素颜色，通过以上条件综合判断页面首屏是否被充满。

上述方法有以下几个缺点：(1)该方法为基于定时器的触发，windows系统上定时器最高精度为55ms，在测量精度上有一定的误差；(2)获取屏幕图像的操作耗用内存和CPU比较多，高频率获取屏幕图像在硬件配置比较低的机器上会影响浏览器进程的性能，即引入监测导致测量结果和实际有比较大的偏差；(3)另外，该方法没有考虑页面背景色、用户自定义windows外观颜色的影响，在部分特殊的页面上产生的测量结果可能和用户肉眼的观察结果不一致。(4)部分网站的页面由于排版、内容的需要，恰好在页面首屏高度附近包含大量空白，实际首屏时间到达时，软件认为首屏区域仍然没有内容或未完全充满。

发明内容

鉴于上述问题，本发明的目的是提供一种低消耗、高效率、高时间精度、高视觉兼容性的用于测量页面首屏时间的性能指标计算方法。

为了解决上述技术问题，本发明提出了一种基于渲染引擎事件的页面首屏时间的计算方法，如图1所示，包括步骤：

(1)通过某种特定方法捕捉浏览器渲染引擎的渲染事件；

(2)在浏览器渲染事件中通过DOM方法获取页面的当前状态信息，当页面状态不小于特定状态时，继续步骤(3)，否则不进行任何判断；

(3)在浏览器渲染事件中通过DOM方法获取页面实际高度，当页面实际高度不小于首屏区域的高度时，继续步骤(4)，否则不进行任何判断；

(4)在浏览器渲染事件中获取当前渲染区域的范围，如果当前渲染区域在首屏范围内时，继续步骤(5)，否则不进行任何判断；

(5)获取当前页面的屏幕图像；

(6)根据屏幕图像判断页面首屏是否被充满，如果首屏未充满，继续监听渲染引擎的渲染事件；当页面首屏已经被充满，记录首屏时间数值，停止捕捉浏览器渲染引擎的渲染事件。

其中所述步骤(1)中特定方法是指不同类型的浏览器由于架构和实现方法不同，捕获渲染事件有不同的实现方法，技术手段依赖于浏览器的实现架构。

所述步骤(2)中特定状态指W3C组织定义的状态常量表中的状态LOADING，参考文献《http：//www.w3.org/TR/XMLHttpRequest/》。

所述步骤(6)实现了判断首屏时间到达的具体逻辑，如图2所示，包括如下步骤：