[发明专利]计算页面首屏渲染时长的方法、装置及电子设备

说明书

本说明书提供一种计算页面首屏渲染时长的方法、装置及电子设备，通过设置在设备屏幕上的多个采样点，并通过分析多次获取的采样点的像素值是否相同来判断设备屏幕是否完成首屏渲染。本说明书实施例可以应用于各类不同编程语言开发的、不同类型的页面。本说明书实施例通过设置多个采样点，可以降低所有采样点都处于动画或处于背景颜色上的概率，保证有部分采样点可以处于页面内容区域上；通过多次获取的像素值是否相同，判断所述设备屏幕是否完成首屏渲染，可以有效识别出处于动画或处于背景颜色上的采样点，从而提高首屏渲染时长的准确性。

技术领域

本说明书涉及页面处理技术领域，尤其涉及计算页面首屏渲染时长的方法、装置及电子设备。

背景技术

在使用电子设备时常常会浏览页面，例如浏览器访问网页、客户端中展示本地Native页面、客户端访问HTML5页面等等。这些页面的实现方式虽然各有不同，但是从开启至最终展示到设备屏幕上，基本过程都是：浏览器或客户端读取页面代码并获取页面资源，根据页面资源将部分或全部页面渲染在设备屏幕上。

通常，页面内容可能较多，而设备屏幕的大小有限，页面打开后设备屏幕可能只展示部分页面。页面打开后，在不滚动页面的情况下能被用户看到的画面称为首屏。从页面从开启至设备屏幕最终展示首屏的首屏渲染时长，可能受页面代码、服务器响应速度、服务器处理能力或数据库性能等等多种因素影响。因此，不同页面的首屏渲染时长可能不同，而首屏渲染时长的长短将会影响到用户体验，开发人员需要确定页面的首屏渲染时长，以进行页面的优化。

发明内容

为克服相关技术中存在的问题，本说明书提供了计算页面首屏渲染时长的方法、装置及电子设备。

一种计算页面首屏渲染时长的方法，包括：

设置分布于设备屏幕上的多个采样点；

在待测页面开始加载后，按照预设时间间隔多次获取所述采样点的像素值；

对于多个所述采样点，根据所述采样点多次获取的像素值是否相同，判断所述设备屏幕是否完成首屏渲染；

在确定所述设备屏幕完成首屏渲染后，根据所述采样点的像素值的获取次数及所述时间间隔，计算所述待测页面的首屏渲染时长。

可选的，所述设置分布于设备屏幕上的多个采样点，包括：

将所述设备屏幕划分为多个子区域，设置分布于所述多个子区域内的一个或多个采样点。

可选的，所述多个采样点随机分布或者是均匀分布。

可选的，所述多个采样点分布在所述设备屏幕上用于展示所述待测页面的展示区域。

可选的，所述展示区域为所述设备屏幕上除导航栏和视图切换栏之外的区域。

可选的，在判断所述设备屏幕是否完成首屏渲染前，所述方法包括：

删除连续N次所获取的像素值都不同的采样点，所述N为第一预设整数。

可选的，所述按照预设时间间隔多次获取各所述采样点的像素值，包括：

对于连续M次所获取的像素值相同的采样点，停止获取该采样点的像素值，所述M为第二预设整数。

可选的，当所有采样点都停止获取像素值后，若所有采样点的像素值都相同，则重新执行所述按照预设时间间隔多次获取各所述采样点的像素值的步骤。

可选的，所述判断所述设备屏幕是否完成首屏渲染，包括：

在所有采样点都停止获取像素值后，确定判断所述设备屏幕完成首屏渲染。

可选的，所述根据所述采样点的像素值的获取次数及所述时间间隔，计算所述待测页面的首屏渲染时长，包括：