CN107885645A - 计算页面首屏渲染时长的方法、装置及电子设备 - Google Patents

Abstract

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

Description

计算页面首屏渲染时长的方法、装置及电子设备

技术领域

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

背景技术

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

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

发明内容

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

确定所述M与所述时间间隔的乘积，根据所述待测页面从开始加载至停止获取像素值的时长与所述乘积的差值确定所述首屏渲染时长。

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

设置模块，用于：设置分布于设备屏幕上的多个采样点；

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

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

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

可选的，所述设置模块，还用于：

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

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

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

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

可选的，所述判断模块，还用于：

在判断所述设备屏幕是否完成首屏渲染前，删除连续N次所获取的像素值都不同的采样点，所述N为第一预设整数。

可选的，所述获取模块，还用于：

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

可选的，所述获取模块，还用于：

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

可选的，所述判断模块，还用于：在所有采样点都停止获取像素值后，确定判断所述设备屏幕完成首屏渲染。

可选的，所述计算模块，还用于：

确定所述M与所述时间间隔的乘积，根据所述待测页面从开始加载至停止获取像素值的时长与所述乘积的差值确定所述首屏渲染时长。

一种电子设备，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

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

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

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

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

本说明书的实施例提供的技术方案可以包括以下有益效果：

本说明书中，通过设置在设备屏幕上的多个采样点，并通过分析多次获取的采样点的像素值是否相同来判断设备屏幕是否完成首屏渲染。因此本说明书实施例可以应用于各类不同编程语言开发的、不同类型的页面。

另一方面，页面中可能存在会持续变化的内容，如动画或视频等等，也可能存在背景颜色等无变化的内容，这些内容可能会影响首屏渲染时长的准确性。而本说明书实施例通过设置多个采样点，可以降低所有采样点都处于动画或处于背景颜色上的概率，保证有部分采样点可以处于页面内容区域上；通过多次获取的像素值是否相同，判断所述设备屏幕是否完成首屏渲染，可以有效识别出处于动画或处于背景颜色上的采样点，从而提高首屏渲染时长的准确性。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本说明书。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本说明书的实施例，并与说明书一起用于解释本说明书的原理。

图1是本说明书根据一示例性实施例示出的一种页面示意图。

图2A是本说明书根据一示例性实施例示出的一种计算页面首屏渲染时长的流程示意图。

图2B是本说明书根据一示例性实施例示出的一种设置采样点的示意图。

图2C是本说明书根据一示例性实施例示出的另一种计算页面首屏渲染时长的流程示意图。

图3是本说明书根据一示例性实施例示出的计算页面首屏渲染时长的装置所在电子设备的一种硬件结构图。

图4是本说明书根据一示例性实施例示出的一种计算页面首屏渲染时长的装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本说明书相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本说明书的一些方面相一致的装置和方法的例子。

在本说明书使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本说明书。在本说明书和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本说明书可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本说明书范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

本说明书实施例中的页面可以包括通过浏览器开启的web页面、利用客户端开启的本地Native页面、利用客户端开启的HTML5页面等等可在电子设备屏幕上展示的页面。如图1所示，是本说明实施例示出的一种页面示意图，图1中左侧示出了一个完整页面，图1中右侧虚线框内是电子设备屏幕上用于展示页面的区域。由于电子设备的屏幕大小有限，屏幕上用于展示页面的区域大小可能小于页面大小。当页面启动后，电子设备读取页面代码，获取到页面资源，基于页面资源在屏幕上进行渲染，使页面内容在屏幕上所设置的页面展示区域中进行展示，即图1中右侧虚线框内的内容，本说明书实施例称为首屏，也即是页面启动后，电子设备屏幕上所能展示的用户无需滚动即可看到的页面区域。从页面开始启动至电子设备屏幕上完成首屏渲染的时长，本说明书实施例称为首屏渲染时长。

可以理解，用户在启动页面后通常都期望能够更快看到页面内容，因此，首屏渲染时长是评价页面性能的一个重要指标。页面开发完成后，开发人员可以确定页面的首屏渲染时长，以根据首屏渲染时长优化页面。

基于此，本说明书实施例提供一种计算页面首屏渲染时长的方案，该方案设置多个分布在设备屏幕上的采样点，并在待测页面开始加载后，按照预设时间间隔多次获取所述采样点的像素值。之后根据采样点多次获取的像素值是否相同，判断所述设备屏幕是否完成首屏渲染，进而计算首屏渲染时长。

因此，本说明书实施例至少具有以下优势：

首先，本说明书实施例通过设置在设备屏幕上的多个采样点，并通过分析多次获取的采样点的像素值是否相同来判断设备屏幕是否完成首屏渲染。因此本说明书实施例可以应用于各类不同编程语言开发的、不同类型的页面。

另一方面，页面中可能存在会持续变化的内容，如动画或视频等等，也可能存在背景颜色等无变化的内容，这些内容可能会影响首屏渲染时长的准确性。而本说明书实施例通过设置多个采样点，可以降低所有采样点都处于动画或处于背景颜色上的概率，保证有部分采样点可以处于页面内容区域上；通过多次获取的像素值是否相同，判断所述设备屏幕是否完成首屏渲染，可以有效识别出处于动画或处于背景颜色上的采样点，从而提高首屏渲染时长的准确性。

接下来对本说明书实施例方案进行详细说明。

如图2A所示，是本说明实施例示出的一种计算页面首屏渲染时长的流程示意图，该方法可应用于电子设备中，包括如下步骤：

在步骤202中，设置分布于设备屏幕上的多个采样点；

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

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

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

本说明书实施例可应用于需要计算页面首屏渲染时长的场景，其中电子设备可以包括个人计算机、平板电脑、智能手机或PDA(个人数字助理)等等可展示页面的设备中。当电子设备开始启动页面，电子设备可以应用本实施例所提供的方案，从而计算得出该页面在该电子设备上的首屏渲染时长。

其中，上述多个采样点的个数和具体的分布方式可以根据需要灵活设置，本说明书实施例对此不作限定。作为一个实施例，如图2B所示，示出了设置采样点的示意图，其中包括有随机分布的情况，也包括均匀分布的情况；还有将所述设备屏幕划分为多个子区域，设置分布于所述多个子区域内的一个或多个采样点的情况，其中，在该多个子区域内，可以是随机分布，也可以是均匀分布。

实际应用中，设备屏幕上有可能不是全部用于展示页面，因此，为了防止在页面的展示区域外设置采样点而造成的干扰较多、数据准确性较低的问题，本实施例中，所述多个采样点可以分布在所述设备屏幕上用于展示所述待测页面的展示区域。具体的，在一些例子中，该展示区域可以根据实际的设备屏幕展示需求或页面展示需求而确定，例如某些应用或页面在开发时，可能已预先设置了页面展示区域，此种情况下可以通过读取页面代码而确定。

在另一些例子中，可能页面所在应用中设置了视图切换栏，而设备屏幕上也设置了导航栏，因此，展示区域可以是所述设备屏幕上除导航栏和视图切换栏之外的区域。其中，导航栏在设备屏幕上的位置可以通过调用操作系统所提供的接口而确定，而视图切换栏可以通过由页面所在应用的具体设置而确定。实际应用中，还可以结合具体应用场景而灵活采用其他方式而确定，本实施例对此不作限定。

在设置好上述多个采样点后，用户可以启动待测页面，当待测页面开始加载，可以开始按照预设时间间隔多次获取所述采样点的像素值。其中，该预设时间间隔可以是50ms或100ms等等时长，实际应用中可以根据精度需要和设备性能而灵活配置。

通过研究发现，在实际应用中，页面内容具有多样性和复杂性的特点。例如，页面中可能包括视频、动态图片或flash(交互式矢量图和Web动画标准)动画等等内容，这类页面内容的特点是持续在变化。页面中也有可能设置背景颜色，这类页面内容的特点是页面开始加载后，首先渲染背景颜色，再在背景颜色上渲染其他页面内容。

基于此，本说明书实施例可以根据所述采样点多次获取的像素值是否相同，判断所述设备屏幕是否完成首屏渲染。可以理解，首屏渲染需要一定时间完成，对于处于持续动态变化的动画等区域内的采样点，多次获取的像素值都可能会不同。因此，为了提高数据准确性，本实施例对于连续N次所获取的像素值都不同的采样点，可以认为是处于持续动态变化的动画等区域内的采样点，因此可以根据需要忽略此类采样点，将此类采样点删除。其中，N为预先设定的整数，例如3、5或7等数值，实际应用中可以灵活设定，本实施例对此不作限定。

对于处于其他不会持续变化区域内的采样点，在完成首屏渲染后，该采样点多次获取的像素值将不会变化。因此，本说明书实施例中，所述按照预设时间间隔多次获取各所述采样点的像素值，可以包括：

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

对于连续M次所获取的像素值相同的采样点，则可以认为该采样点所对应的页面内容完成了首屏渲染，因此可以停止获取该采样点的像素值。其中，M为预先设定的整数，例如3、5或7等数值，实际应用中可以灵活设定，本实施例对此不作限定。

对于包括有背景颜色或背景图片的页面，页面在加载后，可能是先渲染背景颜色或背景图片，之后在背景颜色或背景图片的基础上再绘制其他页面内容。假设其他页面内容资源的获取时间较长，从渲染渲染背景颜色或背景图片之后到渲染其他页面内容可能需要一定时间，而此时，有可能处于背景颜色或背景图片的采样点由于多次获取的像素值都相同，因此被认为已经渲染结束。为了解决上述问题，当所有采样点都停止获取像素值后，可以判断所有采样点的像素值都相同，若所有采样点的像素值都相同，可以认为采样点处于上述的背景颜色或背景图片的区域内，而且背景颜色或背景图片上还未渲染新的页面内容，因此可以重新执行所述按照预设时间间隔多次获取各所述采样点的像素值的步骤。

在完成上述流程，在所有采样点都停止获取像素值后，则可以确定所述设备屏幕完成首屏渲染，之后进行首屏渲染时长的计算。其中，首屏渲染时长的计算，在一些例子中，可以根据页面开始加载的时刻与最终停止获取像素值的时刻之间的时长。在另一些例子中，考虑到某些实施例中由于设置了在连续M次所获取的像素值相同的采样点后认定采样点渲染结束，为了进一步提高数据准确性，还可以是：确定所述M与所述时间间隔的乘积，根据所述待测页面从开始加载至停止获取像素值的时长与所述乘积的差值确定所述首屏渲染时长。例如，可以是根据页面开始加载的时刻与最终停止获取像素值的时刻之间的时长，减去所述M与所述时间间隔的乘积，最终计算得出的数据作为首屏渲染时长。

接下来通过一具体例子再次说明本说明书所提供的方案。如图2C所示，是本说明书根据一示例性实施例示出的另一种计算页面首屏渲染时长的方法示意图，包括如下几部分内容：

一、参数配置

主要为设置采样点的个数，确定电子设备屏幕导航栏的位置，以及确定页面底部视图切换栏的位置。

二、设置采样点

电子设备屏幕上除去导航栏和视图切换栏之后的剩余区域上设置多个采样点。其中，采样点的设置方式，可以是随机分布设置，也可以是均匀分布设置；或者是将页面分为不同子区域，在每个子区域内设置采样点。

三、获取采样点的像素值

对于每个采样点，都可以取到该点的像素值。本实施例根据预设时间间隔多个获取各个采样点的像素值。

四、比较之前的像素值并记录

对于每个采样点，可以在每次获取像素值后，比较当前像素值与上一次所获取的像素值。

可选的，本实施例对每个采样点设置状态，包括三种：未知，忽略，已完成。

未知状态：初始状态，各个采样点的状态都设置为未知状态。

忽略状态：如果采样点的像素值与上一次不同，则记录一次变化。若一个采样点累计变化N(例如5等数值)次以上，则可以认为这个采样点可能处于动画等持续变化的区域，将其标记为忽略，也表示将该点删除，即是在之后的计算过程中不考虑该采样点。

已完成状态：当一个点连续M次(例如5等数值)的像素值都相同，可以将该点标记为已完成。

五、判断是否渲染完成

当所有未被忽略的采样点的状态都为已完成时，可基本认为渲染结束，可以停止像素值的采集。由于页面有可能会先显示一个背景颜色，等待一段时间才获得其他页面内容资源，才在背景颜色的基础上继续渲染其他页面内容，因此，可以对已完成的采样点进行检验，如果根据采样点的像素值判断所有采样点都为同一种颜色，则认为当前画面只有背景颜色，渲染还没有完成，此时将这些点的状态重新设为未知，继续执行获取像素值的步骤。如果检验认为并不全是背景颜色，则认为渲染完成。

六、获得首屏渲染时长

由于是通过采样点连续M次像素值都相同来确定首屏渲染完成的，因此为了使所计算的首屏渲染时长更为准确，页面从开始加载至停止获取像素值的时长并非真实的首屏渲染时长，因此，计算过程可以是：确定所述M与所述时间间隔的乘积，根据所述待测页面从开始加载至停止获取像素值的时长与所述乘积的差值确定所述首屏渲染时长。

由上述实施例可见，页面有可能存在背景颜色等情况，如果只设置一个采用点，很有可能在背景颜色上。若采点位置固定，那么对于某一页面，将会出现两种情况，每次都在页面内容上或者每次都在背景颜色上，所以对于某些页面可能无法获得数据。若位置是随机选择的，则选中内容的概率为：内容所占像素点/页面总像素点，而这个比率可能小于80％，所以结果并不可观。

而本说明实施例中用设置多个采样点的方式，能够很好的解决这一问题。假如一个页面内容占比为60％，假设随机选取10个点，这十个点中至少有一个为处于页面内容采用点的概率为1–0.4^10>99.9％。这样基本可以保证数据的有效性。实际应用中，技术人员期望有尽量多的采样点能够处于页面内容区域，并且页面中可能会分好几个区块渲染，因此期望能尽量覆盖所有区块，所以采样点的个数可以设置更多个，这个数量可根据具体程序的性能或页面内容的分布情况而灵活调整。

另一方面，动画等持续变化区域会对检测进行干扰，因此本说明实施例在发现多次像素值不同的情况下，可以忽略该采样点，从而避免了动画等区域的采用点对检测进行的干扰。

与前述计算页面首屏渲染时长的方法的实施例相对应，本说明书还提供了计算页面首屏渲染时长的装置及其所应用的电子设备的实施例。

本说明书计算页面首屏渲染时长的装置的实施例可以应用在电子设备上。装置实施例可以通过软件实现，也可以通过硬件或者软硬件结合的方式实现。以软件实现为例，作为一个逻辑意义上的装置，是通过其所在电子设备的处理器将非易失性存储器中对应的计算机程序指令读取到内存中运行形成的。从硬件层面而言，如图3所示，为本说明书计算页面首屏渲染时长的装置所在电子设备的一种硬件结构图，除了图3所示的处理器310、内存330、网络接口320、以及非易失性存储器340之外，实施例中装置331所在的电子设备，通常根据该电子设备的实际功能，还可以包括其他硬件，对此不再赘述。

如图4所示，图4是本说明书根据一示例性实施例示出的一种计算页面首屏渲染时长的装置的框图，所述装置包括：

设置模块41，用于：设置分布于设备屏幕上的多个采样点；

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

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

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

可选的，所述设置模块，还用于：

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

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

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

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

可选的，所述判断模块，还用于：

在判断所述设备屏幕是否完成首屏渲染前，删除连续N次所获取的像素值都不同的采样点，所述N为第一预设整数。

可选的，所述获取模块，还用于：

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

可选的，所述获取模块，还用于：

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

可选的，所述判断模块，还用于：在所有采样点都停止获取像素值后，确定判断所述设备屏幕完成首屏渲染。

可选的，所述计算模块，还用于：

确定所述M与所述时间间隔的乘积，根据所述待测页面从开始加载至停止获取像素值的时长与所述乘积的差值确定所述首屏渲染时长。

相应的，本说明书还提供一种电子设备，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

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

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

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

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

上述计算页面首屏渲染时长的装置中各个模块的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程，在此不再赘述。

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理模块，即可以位于一个地方，或者也可以分布到多个网络模块上。可以根据实际的需要选择其中的部分或者全部模块来实现本说明书方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

本领域技术人员在考虑说明书及实践这里申请的发明后，将容易想到本说明书的其它实施方案。本说明书旨在涵盖本说明书的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本说明书的一般性原理并包括本说明书未申请的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本说明书的真正范围和精神由下面的权利要求指出。

应当理解的是，本说明书并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本说明书的范围仅由所附的权利要求来限制。

以上所述仅为本说明书的较佳实施例而已，并不用以限制本说明书，凡在本说明书的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本说明书保护的范围之内。

Claims (21)

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

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

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

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

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

2.根据权利要求1所述的方法，所述设置分布于设备屏幕上的多个采样点，包括：

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

3.根据权利要求1或2所述的方法，所述多个采样点随机分布或者是均匀分布。

4.根据权利要求1所述的方法，所述多个采样点分布在所述设备屏幕上用于展示所述待测页面的展示区域。

5.根据权利要求4所述的方法，所述展示区域为所述设备屏幕上除导航栏和视图切换栏之外的区域。

6.根据权利要求1所述的方法，在判断所述设备屏幕是否完成首屏渲染前，所述方法包括：

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

7.根据权利要求6所述的方法，所述按照预设时间间隔多次获取各所述采样点的像素值，包括：

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

8.根据权利要求7所述的方法，当所有采样点都停止获取像素值后，若所有采样点的像素值都相同，则重新执行所述按照预设时间间隔多次获取各所述采样点的像素值的步骤。

9.根据权利要求8所述的方法，所述判断所述设备屏幕是否完成首屏渲染，包括：

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

10.根据权利要求8所述的方法，所述根据所述采样点的像素值的获取次数及所述时间间隔，计算所述待测页面的首屏渲染时长，包括：

确定所述M与所述时间间隔的乘积，根据所述待测页面从开始加载至停止获取像素值的时长与所述乘积的差值确定所述首屏渲染时长。

11.一种计算页面首屏渲染时长的装置，包括：

设置模块，用于：设置分布于设备屏幕上的多个采样点；

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

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

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

12.根据权利要求11所述的装置，所述设置模块，还用于：

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

13.根据权利要求11或12所述的装置，所述多个采样点随机分布或者是均匀分布。

14.根据权利要求11所述的装置，所述多个采样点分布在所述设备屏幕上用于展示所述待测页面的展示区域。

15.根据权利要求14所述的装置，所述展示区域为所述设备屏幕上除导航栏和视图切换栏之外的区域。

16.根据权利要求11所述的装置，所述判断模块，还用于：

在判断所述设备屏幕是否完成首屏渲染前，删除连续N次所获取的像素值都不同的采样点，所述N为第一预设整数。

17.根据权利要求16所述的装置，所述获取模块，还用于：

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

18.根据权利要求17所述的装置，所述获取模块，还用于：

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

19.根据权利要求18所述的装置，所述判断模块，还用于：在所有采样点都停止获取像素值后，确定判断所述设备屏幕完成首屏渲染。

20.根据权利要求18所述的装置，所述计算模块，还用于：

确定所述M与所述时间间隔的乘积，根据所述待测页面从开始加载至停止获取像素值的时长与所述乘积的差值确定所述首屏渲染时长。

21.一种电子设备，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

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

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

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

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