TWI671647B - 計算頁面首屏描繪時長的方法、裝置及電子設備 - Google Patents

計算頁面首屏描繪時長的方法、裝置及電子設備 Download PDF

Info

Publication number
TWI671647B
TWI671647B TW107130312A TW107130312A TWI671647B TW I671647 B TWI671647 B TW I671647B TW 107130312 A TW107130312 A TW 107130312A TW 107130312 A TW107130312 A TW 107130312A TW I671647 B TWI671647 B TW I671647B
Authority
TW
Taiwan
Prior art keywords
screen
sampling points
page
pixel values
item
Prior art date
Application number
TW107130312A
Other languages
English (en)
Other versions
TW201918911A (zh
Inventor
鳳鐳
Original Assignee
香港商阿里巴巴集團服務有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 香港商阿里巴巴集團服務有限公司 filed Critical 香港商阿里巴巴集團服務有限公司
Publication of TW201918911A publication Critical patent/TW201918911A/zh
Application granted granted Critical
Publication of TWI671647B publication Critical patent/TWI671647B/zh

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00Error detection; Error correction; Monitoring
    • G06F11/30Monitoring
    • G06F11/34Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment
    • G06F11/3466Performance evaluation by tracing or monitoring
    • G06F11/349Performance evaluation by tracing or monitoring for interfaces, buses
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Computer Hardware Design (AREA)
  • Quality & Reliability (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本說明書提供一種計算頁面首屏描繪時長的方法、裝置及電子設備,透過設置在設備屏幕上的多個取樣點,並透過分析多次獲取的取樣點的像素值是否相同來判斷設備屏幕是否完成首屏描繪。本說明書實施例可以應用於各類不同程式語言開發的、不同類型的頁面。本說明書實施例透過設置多個取樣點,可以降低所有取樣點都處於動畫或處於背景顏色上的概率,保證有部分取樣點可以處於頁面內容區域上;透過多次獲取的像素值是否相同,判斷所述設備屏幕是否完成首屏描繪,可以有效識別出處於動畫或處於背景顏色上的取樣點,從而提高首屏描繪時長的準確性。

Description

計算頁面首屏描繪時長的方法、裝置及電子設備
本說明書涉及頁面處理技術領域,尤其涉及計算頁面首屏描繪時長的方法、裝置及電子設備。
在使用電子設備時常常會瀏覽頁面,例如瀏覽器接取網頁、客戶端中展示本地Native頁面、客戶端接取HTML5頁面等等。這些頁面的實現方式雖然各有不同,但是從開啓至最終展示到設備屏幕上,基本過程都是:瀏覽器或客戶端讀取頁面代碼並獲取頁面資源,根據頁面資源將部分或全部頁面描繪在設備屏幕上。   通常,頁面內容可能較多,而設備屏幕的大小有限,頁面打開後設備屏幕可能只展示部分頁面。頁面打開後,在不滾動頁面的情況下能被用戶看到的畫面稱為首屏。從頁面開啓至設備屏幕最終展示首屏的首屏描繪時長,可能受頁面代碼、伺服器響應速度、伺服器處理能力或資料庫性能等等多種因素影響。因此,不同頁面的首屏描繪時長可能不同,而首屏描繪時長的長短將會影響到用戶體驗,開發人員需要確定頁面的首屏描繪時長,以進行頁面的優化。
為克服相關技術中存在的問題,本說明書提供了計算頁面首屏描繪時長的方法、裝置及電子設備。   一種計算頁面首屏描繪時長的方法,包括:   設置分佈於設備屏幕上的多個取樣點;   在待測頁面開始加載後,按照預設時間間隔多次獲取所述取樣點的像素值;   對於多個所述取樣點,根據所述取樣點多次獲取的像素值是否相同,判斷所述設備屏幕是否完成首屏描繪;   在確定所述設備屏幕完成首屏描繪後,根據所述取樣點的像素值的獲取次數及所述時間間隔,計算所述待測頁面的首屏描繪時長。   可選的,所述設置分佈於設備屏幕上的多個取樣點,包括:   將所述設備屏幕劃分為多個子區域,設置分佈於所述多個子區域內的一個或多個取樣點。   可選的,所述多個取樣點隨機分佈或者是均勻分佈。   可選的,所述多個取樣點分佈在所述設備屏幕上用於展示所述待測頁面的展示區域。   可選的,所述展示區域為所述設備屏幕上除導航欄和視圖切換欄之外的區域。   可選的,在判斷所述設備屏幕是否完成首屏描繪前,所述方法包括:   删除連續N次所獲取的像素值都不同的取樣點,所述N為第一預設整數。   可選的,所述按照預設時間間隔多次獲取各所述取樣點的像素值,包括:   對於連續M次所獲取的像素值相同的取樣點,停止獲取該取樣點的像素值,所述M為第二預設整數。   可選的,當所有取樣點都停止獲取像素值後,若所有取樣點的像素值都相同,則重新執行所述按照預設時間間隔多次獲取各所述取樣點的像素值的步驟。   可選的,所述判斷所述設備屏幕是否完成首屏描繪,包括:   在所有取樣點都停止獲取像素值後,確定判斷所述設備屏幕完成首屏描繪。   可選的,所述根據所述取樣點的像素值的獲取次數及所述時間間隔,計算所述待測頁面的首屏描繪時長,包括:   確定所述M與所述時間間隔的乘積,根據所述待測頁面從開始加載至停止獲取像素值的時長與所述乘積的差值確定所述首屏描繪時長。   一種計算頁面首屏描繪時長的裝置,包括:   設置模組,用於:設置分佈於設備屏幕上的多個取樣點;   獲取模組,用於:在待測頁面開始加載後,按照預設時間間隔多次獲取所述取樣點的像素值;   判斷模組,用於:對於多個所述取樣點,根據所述取樣點多次獲取的像素值是否相同,判斷所述設備屏幕是否完成首屏描繪;   計算模組,用於:在確定所述設備屏幕完成首屏描繪後,根據所述取樣點的像素值的獲取次數及所述時間間隔,計算所述待測頁面的首屏描繪時長。   可選的,所述設置模組,還用於:   將所述設備屏幕劃分為多個子區域,設置分佈於所述多個子區域內的一個或多個取樣點。   可選的,所述多個取樣點隨機分佈或者是均勻分佈。   可選的,所述多個取樣點分佈在所述設備屏幕上用於展示所述待測頁面的展示區域。   可選的,所述展示區域為所述設備屏幕上除導航欄和視圖切換欄之外的區域。   可選的,所述判斷模組,還用於:   在判斷所述設備屏幕是否完成首屏描繪前,删除連續N次所獲取的像素值都不同的取樣點,所述N為第一預設整數。   可選的,所述獲取模組,還用於:   對於連續M次所獲取的像素值相同的取樣點,停止獲取該取樣點的像素值,所述M為第二預設整數。   可選的,所述獲取模組,還用於:   當所有取樣點都停止獲取像素值後,若所有取樣點的像素值都相同,則重新執行所述按照預設時間間隔多次獲取各所述取樣點的像素值的步驟。   可選的,所述判斷模組,還用於:在所有取樣點都停止獲取像素值後,確定判斷所述設備屏幕完成首屏描繪。   可選的,所述計算模組,還用於:   確定所述M與所述時間間隔的乘積,根據所述待測頁面從開始加載至停止獲取像素值的時長與所述乘積的差值確定所述首屏描繪時長。   一種電子設備,包括:   處理器;   用於儲存處理器可執行指令的記憶體;   其中,所述處理器被配置為:   設置分佈於設備屏幕上的多個取樣點;   在待測頁面開始加載後,按照預設時間間隔多次獲取所述取樣點的像素值;   對於多個所述取樣點,根據所述取樣點多次獲取的像素值是否相同,判斷所述設備屏幕是否完成首屏描繪;   在確定所述設備屏幕完成首屏描繪後,根據所述取樣點的像素值的獲取次數及所述時間間隔,計算所述待測頁面的首屏描繪時長。   本說明書的實施例提供的技術方案可以包括以下有益效果:   本說明書中,透過設置在設備屏幕上的多個取樣點,並透過分析多次獲取的取樣點的像素值是否相同來判斷設備屏幕是否完成首屏描繪。因此本說明書實施例可以應用於各類不同程式語言開發的、不同類型的頁面。   另一方面,頁面中可能存在會持續變化的內容,如動畫或視頻等等,也可能存在背景顏色等無變化的內容,這些內容可能會影響首屏描繪時長的準確性。而本說明書實施例透過設置多個取樣點,可以降低所有取樣點都處於動畫或處於背景顏色上的概率,保證有部分取樣點可以處於頁面內容區域上;透過多次獲取的像素值是否相同,判斷所述設備屏幕是否完成首屏描繪,可以有效識別出處於動畫或處於背景顏色上的取樣點,從而提高首屏描繪時長的準確性。   應當理解的是,以上的一般描述和後文的細節描述僅是例示性和解釋性的,並不能限制本說明書。
這裡將詳細地對例示性實施例進行說明,其例示表示在附圖中。下面的描述涉及附圖時,除非另有表示,不同附圖中的相同數字表示相同或相似的要素。以下例示性實施例中所描述的實施方式並不代表與本說明書相一致的所有實施方式。相反,它們僅是與如所附申請專利範圍中所詳述的、本說明書的一些方面相一致的裝置和方法的例子。   在本說明書使用的術語是僅僅出於描述特定實施例的目的,而非旨在限制本說明書。在本說明書和所附申請專利範圍中所使用的單數形式的“一種”、“所述”和“該”也旨在包括多數形式,除非上下文清楚地表示其他含義。還應當理解,本文中使用的術語“和/或”是指並包含一個或多個相關聯的列出項目的任何或所有可能組合。   應當理解,儘管在本說明書可能採用術語第一、第二、第三等來描述各種信息,但這些信息不應限於這些術語。這些術語僅用來將同一類型的信息彼此區分開。例如,在不脫離本說明書範圍的情況下,第一信息也可以被稱為第二信息,類似地,第二信息也可以被稱為第一信息。取決於語境,如在此所使用的詞語“如果”可以被解釋成為“在……時”或“當……時”或“響應於確定”。   本說明書實施例中的頁面可以包括透過瀏覽器開啓的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與所述時間間隔的乘積,根據所述待測頁面從開始加載至停止獲取像素值的時長與所述乘積的差值確定所述首屏描繪時長。   相應的,本說明書還提供一種電子設備,包括:   處理器;   用於儲存處理器可執行指令的記憶體;   其中,所述處理器被配置為:   設置分佈於設備屏幕上的多個取樣點;   在待測頁面開始加載後,按照預設時間間隔多次獲取所述取樣點的像素值;   對於多個所述取樣點,根據所述取樣點多次獲取的像素值是否相同,判斷所述設備屏幕是否完成首屏描繪;   在確定所述設備屏幕完成首屏描繪後,根據所述取樣點的像素值的獲取次數及所述時間間隔,計算所述待測頁面的首屏描繪時長。   上述計算頁面首屏描繪時長的裝置中各個模組的功能和作用的實現過程具體詳見上述方法中對應步驟的實現過程,在此不再贅述。   對於裝置實施例而言,由於其基本對應於方法實施例,所以相關之處參見方法實施例的部分說明即可。以上所描述的裝置實施例僅僅是示意性的,其中所述作為分離部件說明的模組可以是或者也可以不是物理上分開的,作為模組顯示的部件可以是或者也可以不是物理模組,即可以位於一個地方,或者也可以分佈到多個網路模組上。可以根據實際的需要選擇其中的部分或者全部模組來實現本說明書方案的目的。本領域普通技術人員在不付出創造性勞動的情況下,即可以理解並實施。   上述對本說明書特定實施例進行了描述。其它實施例在所附申請專利範圍的範圍內。在一些情況下,在申請專利範圍中記載的動作或步驟可以按照不同於實施例中的順序來執行並且仍然可以實現期望的結果。另外,在附圖中描繪的過程不一定要求示出的特定順序或者連續順序才能實現期望的結果。在某些實施方式中,多任務處理和平行處理也是可以的或者可能是有利的。   本領域技術人員在考慮說明書及實踐這裡申請的發明後,將容易想到本說明書的其它實施方案。本說明書旨在涵蓋本說明書的任何變型、用途或者適應性變化,這些變型、用途或者適應性變化遵循本說明書的一般性原理並包括本說明書未申請的本技術領域中的公知常識或慣用技術手段。說明書和實施例僅被視為例示性的,本說明書的真正範圍和精神由下面的權利要求指出。   應當理解的是,本說明書並不局限於上面已經描述並在附圖中示出的精確結構,並且可以在不脫離其範圍進行各種修改和改變。本說明書的範圍僅由所附的權利要求來限制。   以上所述僅為本說明書的較佳實施例而已,並不用以限制本說明書,凡在本說明書的精神和原則之內,所做的任何修改、等同替換、改進等,均應包含在本說明書保護的範圍之內。
310:處理器 320:網路介面 330:記憶體 331:計算頁面首屏描繪時長的裝置 340:非易失性記憶體 41:設置模組 42:獲取模組 43:判斷模組 44:計算模組
此處的附圖被併入說明書中並構成本說明書的一部分,示出了符合本說明書的實施例,並與說明書一起用於解釋本說明書的原理。   圖1是本說明書根據一例示性實施例示出的一種頁面示意圖。   圖2A是本說明書根據一例示性實施例示出的一種計算頁面首屏描繪時長的流程示意圖。   圖2B是本說明書根據一例示性實施例示出的一種設置取樣點的示意圖。   圖2C是本說明書根據一例示性實施例示出的另一種計算頁面首屏描繪時長的流程示意圖。   圖3是本說明書根據一例示性實施例示出的計算頁面首屏描繪時長的裝置所在電子設備的一種硬體結構圖。   圖4是本說明書根據一例示性實施例示出的一種計算頁面首屏描繪時長的裝置的方塊圖。

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. 一種電子設備,包括:   處理器;   用於儲存處理器可執行指令的記憶體;   其中,所述處理器被配置為:   設置分佈於設備屏幕上的多個取樣點;   在待測頁面開始加載後,按照預設時間間隔多次獲取所述取樣點的像素值;   對於多個所述取樣點,根據所述取樣點多次獲取的像素值是否相同,判斷所述設備屏幕是否完成首屏描繪;   在確定所述設備屏幕完成首屏描繪後,根據所述取樣點的像素值的獲取次數及所述時間間隔,計算所述待測頁面的首屏描繪時長。
TW107130312A 2017-10-31 2018-08-30 計算頁面首屏描繪時長的方法、裝置及電子設備 TWI671647B (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201711047877.6A CN107885645B (zh) 2017-10-31 2017-10-31 计算页面首屏渲染时长的方法、装置及电子设备
??201711047877.6 2017-10-31

Publications (2)

Publication Number Publication Date
TW201918911A TW201918911A (zh) 2019-05-16
TWI671647B true TWI671647B (zh) 2019-09-11

Family

ID=61783250

Family Applications (1)

Application Number Title Priority Date Filing Date
TW107130312A TWI671647B (zh) 2017-10-31 2018-08-30 計算頁面首屏描繪時長的方法、裝置及電子設備

Country Status (3)

Country Link
CN (1) CN107885645B (zh)
TW (1) TWI671647B (zh)
WO (1) WO2019085598A1 (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107885645B (zh) * 2017-10-31 2020-06-23 阿里巴巴集团控股有限公司 计算页面首屏渲染时长的方法、装置及电子设备
CN108671547A (zh) * 2018-04-24 2018-10-19 腾讯科技(深圳)有限公司 一种获取应用的首屏时间的方法、装置及存储介质
CN109271600B (zh) * 2018-08-16 2022-02-22 微梦创科网络科技(中国)有限公司 一种性能数据的监测方法、***和装置
CN109446040B (zh) * 2018-09-21 2021-01-22 网宿科技股份有限公司 一种应用界面启动时长的获取方法、装置及终端设备
CN109344044B (zh) * 2018-10-08 2022-05-31 杭州有赞科技有限公司 计算页面首屏渲染时间的方法和***
CN110209978B (zh) * 2019-01-28 2023-05-16 腾讯科技(深圳)有限公司 一种数据处理方法和相关装置
CN110781063B (zh) * 2019-10-25 2023-12-05 北京博睿宏远数据科技股份有限公司 网页首屏时间的测量方法、装置、设备及存储介质
CN112669404B (zh) * 2020-12-28 2023-11-14 北京达佳互联信息技术有限公司 一种图像处理方法、装置、电子设备和存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TW200511775A (en) * 2003-06-02 2005-03-16 Qualcomm Inc Generating and implementing a signal protocol and interface for higher data rates
TW200525964A (en) * 2003-08-13 2005-08-01 Qualcomm Inc A signal interface for higher data rates
TW200623765A (en) * 2004-06-04 2006-07-01 Qualcomm Inc High data rate interface apparatus and method
US20120249411A1 (en) * 2011-03-29 2012-10-04 Hon Hai Precision Industry Co., Ltd. Screen protection system and method of an electronic device

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102624576B (zh) * 2011-01-27 2016-04-20 腾讯科技(深圳)有限公司 一种自动测试浏览器的网页下载时间的方法和***
CN103812713A (zh) * 2012-11-06 2014-05-21 腾讯科技(深圳)有限公司 一种网页加载时间的测试方法和装置
CN103778254B (zh) * 2014-02-24 2017-08-01 北京国双科技有限公司 页面访问数据的处理方法、装置及***
US20160124696A1 (en) * 2014-11-03 2016-05-05 Qualcomm Innovation Center, Inc. Downsampled rendering of web page loads to save power
CN104899336B (zh) * 2015-07-01 2018-05-22 北京博睿宏远数据科技股份有限公司 一种测量网页首屏完全渲染时间的方法
CN105630566A (zh) * 2016-02-26 2016-06-01 北京奇虎科技有限公司 应用页面加载时长的确定方法及装置
CN107885645B (zh) * 2017-10-31 2020-06-23 阿里巴巴集团控股有限公司 计算页面首屏渲染时长的方法、装置及电子设备

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TW200511775A (en) * 2003-06-02 2005-03-16 Qualcomm Inc Generating and implementing a signal protocol and interface for higher data rates
TW200525964A (en) * 2003-08-13 2005-08-01 Qualcomm Inc A signal interface for higher data rates
TW200623765A (en) * 2004-06-04 2006-07-01 Qualcomm Inc High data rate interface apparatus and method
US20120249411A1 (en) * 2011-03-29 2012-10-04 Hon Hai Precision Industry Co., Ltd. Screen protection system and method of an electronic device

Also Published As

Publication number Publication date
CN107885645A (zh) 2018-04-06
WO2019085598A1 (zh) 2019-05-09
TW201918911A (zh) 2019-05-16
CN107885645B (zh) 2020-06-23

Similar Documents

Publication Publication Date Title
TWI671647B (zh) 計算頁面首屏描繪時長的方法、裝置及電子設備
JP6214547B2 (ja) ウェブページのレンダリング時間の測定
CN110297996B (zh) 基于h5页面的动画显示方法、装置、设备及存储介质
WO2017124811A1 (zh) 一种数据绘制方法和装置、终端、存储介质
CN111752557A (zh) 一种展示方法及装置
US20190200008A1 (en) Method and device for testing screen fluency of terminal, and terminal device
CN112947969B (zh) 一种页面离屏渲染方法、装置、设备和可读介质
CN107977137B (zh) 应用页面的对象展示方法、装置和设备
CN109388317B (zh) 一种图片加载方法、终端设备及存储介质
JP2015531918A (ja) ヒットテスト方法および装置
WO2023071861A1 (zh) 数据可视化展示方法、装置、计算机设备和存储介质
US11941728B2 (en) Previewing method and apparatus for effect application, and device, and storage medium
CN108255546A (zh) 一种数据加载动画的实现方法及装置
WO2015180448A1 (zh) 移动终端播放方式切换方法、装置、存储介质和程序
CN106156132B (zh) 图片加载显示方法和装置
WO2016192546A1 (zh) 一种动态曲线的数据点更新方法和设备
CN110471700B (zh) 图形处理方法、装置、存储介质及电子设备
CN107943805B (zh) 一种动画渲染及发布方法、装置
Kelly et al. Basic introduction to pygame
CN112148395A (zh) 页面显示方法、装置、设备及存储介质
US20180336122A1 (en) Generating application flow entities
CN110858154A (zh) 一种轮播图的切换显示方法、装置、电子设备及存储介质
CN101996390B (zh) 一种图像拷贝的方法和装置
CN114913277A (zh) 一种物体立体交互展示方法、装置、设备及介质
CN104360931A (zh) 应用占用内存的显示方法及装置、移动终端