本發(fā)明涉及網(wǎng)站頁面領(lǐng)域，尤其涉及一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示方法及裝置。

背景技術(shù)：

目前web前端頁面中，每個(gè)請求都是需要將數(shù)據(jù)發(fā)送到服務(wù)器然后再返回，這個(gè)過程將會(huì)消耗一定時(shí)間。

如圖1所示，目前類似的前端提示都比較單調(diào)，基本上都是出現(xiàn)一個(gè)loading的效果圖，提示用戶一直等待返回結(jié)果，用戶不知道多久才會(huì)有返回結(jié)果。這個(gè)原理實(shí)現(xiàn)的邏輯也比較簡單，發(fā)出請求時(shí)，把加載的效果顯示出來，然后監(jiān)聽ajax的success返回?cái)?shù)據(jù)后把加載效果移除就可以。

然而這種僅顯示loading的方式會(huì)讓用戶感到困惑或者不耐煩，因?yàn)檫@個(gè)等待的時(shí)間不知道是幾秒鐘還是幾分鐘，有的時(shí)候等了好長時(shí)間都還是顯示loading的效果圖，讓用戶的體驗(yàn)及其糟糕。

因此，本發(fā)明實(shí)施例為解決這個(gè)痛點(diǎn)，通過結(jié)合歷史點(diǎn)擊返回的時(shí)間，預(yù)測出一個(gè)響應(yīng)時(shí)間，讓用戶點(diǎn)擊之前能夠預(yù)知，減少等待未知時(shí)間所產(chǎn)生的煩躁感，提高瀏覽體驗(yàn)。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明實(shí)施例提供了一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示方法及裝置，用于解決傳統(tǒng)方法僅顯示loading效果圖導(dǎo)致用戶體驗(yàn)糟糕的技術(shù)問題。

本發(fā)明實(shí)施例提供的一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示方法，包括：

s1：收集頁面元素，取得頁面元素n的請求值ridn并發(fā)送至服務(wù)端，計(jì)算服務(wù)端收到請求值ridn與服務(wù)端返回?cái)?shù)據(jù)的時(shí)間差作為頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；

s2：當(dāng)檢測到用戶終端打開前端頁面時(shí)，發(fā)送一個(gè)取得本頁面所有頁面元素的響應(yīng)時(shí)間的請求至服務(wù)端并記錄當(dāng)前時(shí)間值為t1；

s3：接收到服務(wù)端返回的包含所有頁面元素的響應(yīng)時(shí)間的數(shù)據(jù)并記錄當(dāng)前時(shí)間值為t2；

s4：計(jì)算用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d＝t2-t1；

s5：檢測到用戶終端的鼠標(biāo)坐標(biāo)參數(shù)對(duì)應(yīng)到頁面元素n時(shí)，通過頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn和用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d相加計(jì)算獲得頁面元素n的前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間tn＝t_ridn+t_d；

s6：在頁面上將頁面元素n預(yù)計(jì)響應(yīng)時(shí)間tn顯示在頁面元素n的旁邊。

優(yōu)選地，所述步驟s1具體包括：

s101：當(dāng)檢測到第一用戶終端打開前端頁面時(shí)，收集第一用戶終端的頁面元素；

s102：取得頁面元素n的請求值ridn并發(fā)送至服務(wù)端，計(jì)算服務(wù)端收到請求值ridn與服務(wù)端返回?cái)?shù)據(jù)的時(shí)間差作為頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；

s103：對(duì)計(jì)算得到的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn與服務(wù)器存儲(chǔ)的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn求平均值并將求得的平均值更新至服務(wù)器作為服務(wù)器存儲(chǔ)的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；

s104：當(dāng)檢測到下一個(gè)用戶終端打開前端頁面時(shí)，收集下一個(gè)用戶終端的頁面元素并執(zhí)行步驟s102。

優(yōu)選地，所述步驟s1中收集頁面元素之后，取得頁面元素n的請求值ridn并發(fā)送至服務(wù)端之前還包括：

檢測頁面元素n對(duì)應(yīng)的id是否為前端頁面元素的唯一請求值rid，若否，則跳過對(duì)頁面元素n的計(jì)算，若是，則繼續(xù)對(duì)頁面元素n的計(jì)算。

優(yōu)選地，所述步驟s1之前還包括：

s0：對(duì)前端頁面進(jìn)行初始化，遍歷dom樹。

優(yōu)選地，所述步驟s4之后還包括：

從接收到的服務(wù)端返回的包含所有頁面元素的響應(yīng)時(shí)間的數(shù)據(jù)中提取與頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn。

本發(fā)明實(shí)施例提供的一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示裝置，包括：

頁面元素響應(yīng)時(shí)間計(jì)算模塊，用于收集頁面元素，取得頁面元素n的請求值ridn并發(fā)送至服務(wù)端，計(jì)算服務(wù)端收到請求值ridn與服務(wù)端返回?cái)?shù)據(jù)的時(shí)間差作為頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；

響應(yīng)時(shí)間請求發(fā)送模塊，用于當(dāng)檢測到用戶終端打開前端頁面時(shí)，發(fā)送一個(gè)取得本頁面所有頁面元素的響應(yīng)時(shí)間的請求至服務(wù)端并記錄當(dāng)前時(shí)間值為t1；

接收數(shù)據(jù)模塊，用于接收到服務(wù)端返回的包含所有頁面元素的響應(yīng)時(shí)間的數(shù)據(jù)并記錄當(dāng)前時(shí)間值為t2；

網(wǎng)絡(luò)延時(shí)基數(shù)計(jì)算模塊，用于計(jì)算用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d＝t2-t1；

頁面請求預(yù)計(jì)響應(yīng)時(shí)間計(jì)算模塊，用于檢測到用戶終端的鼠標(biāo)坐標(biāo)參數(shù)對(duì)應(yīng)到頁面元素n時(shí)，通過頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn和用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d相加計(jì)算獲得頁面元素n的前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間tn＝t_ridn+t_d；

顯示模塊，用于在頁面上將頁面元素n預(yù)計(jì)響應(yīng)時(shí)間tn顯示在頁面元素n的旁邊。

優(yōu)選地，所述頁面元素響應(yīng)時(shí)間計(jì)算模塊具體包括：

第一頁面元素收集單元，用于當(dāng)檢測到第一用戶終端打開前端頁面時(shí)，收集第一用戶終端的頁面元素；

頁面元素n響應(yīng)時(shí)間計(jì)算單元，用于取得頁面元素n的請求值ridn并發(fā)送至服務(wù)端，計(jì)算服務(wù)端收到請求值ridn與服務(wù)端返回?cái)?shù)據(jù)的時(shí)間差作為頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；

平均值計(jì)算更新單元，用于對(duì)計(jì)算得到的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn與服務(wù)器存儲(chǔ)的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn求平均值并將求得的平均值更新至服務(wù)器作為服務(wù)器存儲(chǔ)的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；

動(dòng)態(tài)更新單元，用于當(dāng)檢測到下一個(gè)用戶終端打開前端頁面時(shí)，收集下一個(gè)用戶終端的頁面元素并執(zhí)行頁面元素n響應(yīng)時(shí)間計(jì)算單元。

優(yōu)選地，所述頁面元素響應(yīng)時(shí)間計(jì)算模塊還包括：

頁面元素檢測單元，用于檢測頁面元素n對(duì)應(yīng)的id是否為前端頁面元素的唯一請求值rid，若否，則跳過對(duì)頁面元素n的計(jì)算，若是，則繼續(xù)對(duì)頁面元素n的計(jì)算。

優(yōu)選地，本發(fā)明實(shí)施例還包括：

前端頁面初始化模塊，用于對(duì)前端頁面進(jìn)行初始化，遍歷dom樹。

優(yōu)選地，本發(fā)明實(shí)施例還包括：

響應(yīng)時(shí)間提取模塊，用于從接收到的服務(wù)端返回的包含所有頁面元素的響應(yīng)時(shí)間的數(shù)據(jù)中提取與頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn。

從以上技術(shù)方案可以看出，本發(fā)明實(shí)施例具有以下優(yōu)點(diǎn)：

本發(fā)明實(shí)施例提供的一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示方法及裝置，通過收集頁面元素，取得頁面元素n的請求值ridn并發(fā)送至服務(wù)端，計(jì)算服務(wù)端收到請求值ridn與服務(wù)端返回?cái)?shù)據(jù)的時(shí)間差作為頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；當(dāng)檢測到用戶終端打開前端頁面時(shí)，發(fā)送一個(gè)取得本頁面所有頁面元素的響應(yīng)時(shí)間的請求至服務(wù)端并記錄當(dāng)前時(shí)間值為t1；接收到服務(wù)端返回的包含所有頁面元素的響應(yīng)時(shí)間的數(shù)據(jù)并記錄當(dāng)前時(shí)間值為t2；計(jì)算用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d＝t2-t1；檢測到用戶終端的鼠標(biāo)坐標(biāo)參數(shù)對(duì)應(yīng)到頁面元素n時(shí)，通過頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn和用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d相加計(jì)算獲得頁面元素n的前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間tn＝t_ridn+t_d；在頁面上將頁面元素n預(yù)計(jì)響應(yīng)時(shí)間tn顯示在頁面元素n的旁邊，從而在用戶鼠標(biāo)懸停在頁面元素n上面的時(shí)候，會(huì)在旁邊顯示一個(gè)頁面元素n對(duì)應(yīng)的預(yù)計(jì)響應(yīng)時(shí)間tn，便讓用戶在點(diǎn)擊之前能夠預(yù)先知道響應(yīng)的時(shí)間，減少等待未知時(shí)間所產(chǎn)生的煩躁感，提高瀏覽體驗(yàn)。

附圖說明

為了更清楚地說明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)性的前提下，還可以根據(jù)這些附圖獲得其它的附圖。

圖1為本發(fā)明實(shí)施例中用于說明的現(xiàn)有技術(shù)中的loading效果圖；

圖2為本發(fā)明實(shí)施例提供的一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示方法的一個(gè)實(shí)施例的示意圖；

圖3為本發(fā)明實(shí)施例提供的一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示方法的一個(gè)實(shí)施例中顯示頁面元素n預(yù)計(jì)響應(yīng)時(shí)間tn的效果圖；

圖4為本發(fā)明實(shí)施例中表示采集過程和智能顯示過程的示意圖；

圖5為本發(fā)明實(shí)施例提供的一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示方法的另一個(gè)實(shí)施例的示意圖；

圖6為本發(fā)明實(shí)施例提供的一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示方法的另一個(gè)實(shí)施例的輔助示意圖。

具體實(shí)施方式

本發(fā)明實(shí)施例提供了一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示方法及裝置，用于解決傳統(tǒng)方法僅顯示loading效果圖導(dǎo)致用戶體驗(yàn)糟糕的技術(shù)問題。

為使得本發(fā)明的發(fā)明目的、特征、優(yōu)點(diǎn)能夠更加的明顯和易懂，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，下面所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而非全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其它實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。

本發(fā)明的各個(gè)實(shí)施例中，鼠標(biāo)懸停(mouseover)表示：鼠標(biāo)移動(dòng)到某個(gè)地方時(shí)，在此停下來一段時(shí)間。

rid(requestid)表示：前端頁面元素的唯一請求值，由前端定義。

本專利就是由前端采集用戶每次從點(diǎn)擊發(fā)送請求(rid)到服務(wù)器，通過服務(wù)器計(jì)算,得出平均響應(yīng)時(shí)間。

后面每次用戶將點(diǎn)擊前，鼠標(biāo)懸停到請求按鈕上時(shí)候，會(huì)浮動(dòng)一個(gè)預(yù)計(jì)的響應(yīng)時(shí)間，讓用戶有一個(gè)心理預(yù)期。

請參閱圖2，本發(fā)明實(shí)施例提供的一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示方法的一個(gè)實(shí)施例，包括：

101：收集頁面元素，取得頁面元素n的請求值ridn并發(fā)送至服務(wù)端，計(jì)算服務(wù)端收到請求值ridn與服務(wù)端返回?cái)?shù)據(jù)的時(shí)間差作為頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；

頁面元素為前端頁面的各種元素，主要是可以點(diǎn)擊的按鈕元素或者是超鏈接等需要向服務(wù)器請求數(shù)據(jù)的元素。頁面元素可以有一個(gè)或一個(gè)以上，包括頁面元素1、頁面元素2、頁面元素3……頁面元素n等；

102：當(dāng)檢測到用戶終端打開前端頁面時(shí)，發(fā)送一個(gè)取得本頁面所有頁面元素的響應(yīng)時(shí)間的請求至服務(wù)端并記錄當(dāng)前時(shí)間值為t1；

需要說明的是，取得本頁面所有頁面元素的響應(yīng)時(shí)間的請求可用于獲取服務(wù)端返回的包含所有頁面元素的響應(yīng)時(shí)間的數(shù)據(jù)；當(dāng)前時(shí)間值即發(fā)送這個(gè)請求的那一時(shí)刻(進(jìn)行步驟102的時(shí)刻)；

103：接收到服務(wù)端返回的包含所有頁面元素的響應(yīng)時(shí)間的數(shù)據(jù)并記錄當(dāng)前時(shí)間值為t2；

步驟103中的當(dāng)前時(shí)間值為進(jìn)行步驟103的時(shí)刻，即接收到服務(wù)端返回的包含所有頁面元素的響應(yīng)時(shí)間的數(shù)據(jù)的時(shí)刻；

104：計(jì)算用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d＝t2-t1；

105：檢測到用戶終端的鼠標(biāo)坐標(biāo)參數(shù)對(duì)應(yīng)到頁面元素n時(shí)，通過頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn和用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d相加計(jì)算獲得頁面元素n的前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間tn＝t_ridn+t_d；

106：在頁面上將頁面元素n預(yù)計(jì)響應(yīng)時(shí)間tn顯示在頁面元素n的旁邊。

需要說明的是，顯示在旁邊可以用框圖的形式進(jìn)行顯示，如圖3所示。

本發(fā)明實(shí)施例提供的一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示方法及裝置，通過收集頁面元素，取得頁面元素n的請求值ridn并發(fā)送至服務(wù)端，計(jì)算服務(wù)端收到請求值ridn與服務(wù)端返回?cái)?shù)據(jù)的時(shí)間差作為頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；當(dāng)檢測到用戶終端打開前端頁面時(shí)，發(fā)送一個(gè)取得本頁面所有頁面元素的響應(yīng)時(shí)間的請求至服務(wù)端并記錄當(dāng)前時(shí)間值為t1；接收到服務(wù)端返回的包含所有頁面元素的響應(yīng)時(shí)間的數(shù)據(jù)并記錄當(dāng)前時(shí)間值為t2；計(jì)算用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d＝t2-t1；檢測到用戶終端的鼠標(biāo)坐標(biāo)參數(shù)對(duì)應(yīng)到頁面元素n時(shí)，通過頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn和用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d相加計(jì)算獲得頁面元素n的前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間tn＝t_ridn+t_d；在頁面上將頁面元素n預(yù)計(jì)響應(yīng)時(shí)間tn顯示在頁面元素n的旁邊，從而在用戶鼠標(biāo)懸停在頁面元素n上面的時(shí)候，會(huì)在旁邊顯示一個(gè)頁面元素n對(duì)應(yīng)的預(yù)計(jì)響應(yīng)時(shí)間tn，便讓用戶在點(diǎn)擊之前能夠預(yù)先知道響應(yīng)的時(shí)間，減少等待未知時(shí)間所產(chǎn)生的煩躁感，提高瀏覽體驗(yàn)。

區(qū)別與傳統(tǒng)方法，本專利就是解決這個(gè)痛點(diǎn)，通過結(jié)合歷史點(diǎn)擊返回的時(shí)間，預(yù)測出一個(gè)響應(yīng)時(shí)間，讓用戶點(diǎn)擊之前能夠預(yù)知，減少等待未知時(shí)間所產(chǎn)生的煩躁感，提高瀏覽體驗(yàn)。

請參閱圖4，本專利分為采集過程和智能顯示過程。采集過程就是通過一定量的用戶點(diǎn)擊請求行為進(jìn)行采集，服務(wù)器記錄和計(jì)算平均響應(yīng)時(shí)間，即本實(shí)施例中的步驟101。

智能顯示過程就是后面的用戶鼠標(biāo)懸停已經(jīng)采集過的按鈕時(shí)，會(huì)提示預(yù)計(jì)響應(yīng)的時(shí)間。

說明:圖4的用戶1的請求流程就是采集數(shù)據(jù)的過程，用戶1代表是所有被采集的用戶的其中一個(gè)例子。

用戶2的流程就是智能顯示預(yù)計(jì)時(shí)間的過程，根據(jù)采集到的復(fù)數(shù)用戶1的數(shù)據(jù)后，計(jì)算出用戶2的響應(yīng)時(shí)間。

圖4的rid1、rid2、rid3、rid…等為類型是rid的頁面元素，對(duì)應(yīng)頁面元素1、頁面元素2、頁面元素3、頁面元素n等。

因?yàn)槊總€(gè)用戶都是通過瀏覽器打開前端頁面，請求數(shù)據(jù)都通過網(wǎng)絡(luò)。所以在采集過程中每個(gè)用戶的不同的網(wǎng)絡(luò)延時(shí)會(huì)對(duì)的預(yù)測響應(yīng)時(shí)間產(chǎn)生影響。

為了盡量減少影響，提高準(zhǔn)確度，本專利通過動(dòng)態(tài)計(jì)算用戶端的網(wǎng)絡(luò)延時(shí)基數(shù)來把每個(gè)用戶不同的網(wǎng)絡(luò)延時(shí)隔離開來，各自的網(wǎng)絡(luò)延時(shí)只對(duì)自己產(chǎn)生影響，服務(wù)端保存的是實(shí)際計(jì)算響應(yīng)所需要的時(shí)間。這樣的方法來提高響應(yīng)時(shí)間預(yù)測的精準(zhǔn)度。

用戶的網(wǎng)絡(luò)延時(shí)基數(shù)(t_d)的計(jì)算方法是用戶打開頁面的開始，通過專利工具發(fā)送一個(gè)取得本頁面所有元素的響應(yīng)時(shí)間的請求到服務(wù)端，此時(shí)記錄時(shí)間值為t1，服務(wù)端響應(yīng)所需時(shí)間為t0，然后返回?cái)?shù)據(jù)給前端，專利工具記錄此時(shí)的時(shí)間為t2。那么用戶的網(wǎng)絡(luò)延時(shí)基數(shù)＝t2-t0-t1。由于t0的數(shù)據(jù)量大部分是個(gè)位級(jí)別，所以服務(wù)器計(jì)算t0的時(shí)間基本上可以忽略，那么得出用戶的網(wǎng)絡(luò)延時(shí)基數(shù)(t_d)＝t2-t1。

確定用戶的網(wǎng)絡(luò)延時(shí)基數(shù)后，用戶鼠標(biāo)懸停到某個(gè)頁面元素時(shí)，由于已經(jīng)了取得本頁面所有元素的響應(yīng)時(shí)間(t_rid)，只需要把t_rid+t_d,就是本請求預(yù)計(jì)響應(yīng)時(shí)間了(t...n)＝(t_rid...n)+(t_d)。

本專利會(huì)采集用戶的點(diǎn)擊，可以同時(shí)采集用戶對(duì)本網(wǎng)站的瀏覽記錄等更詳細(xì)的用戶行為，進(jìn)行用戶行為分析。例如哪些頁面打開頻率最多，哪些請求響應(yīng)最慢，用戶喜歡通過哪些頁面跳轉(zhuǎn)到哪些頁面等行為數(shù)據(jù)。為優(yōu)化網(wǎng)站提供詳盡的數(shù)據(jù)支持。

以下將對(duì)本發(fā)明實(shí)施例提供的一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示方法的另一個(gè)實(shí)施例進(jìn)行詳細(xì)的描述。

請參閱圖5和圖6，本發(fā)明實(shí)施例提供的一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示方法的另一個(gè)實(shí)施例包括：

201：對(duì)前端頁面進(jìn)行初始化，遍歷dom樹。

202：當(dāng)檢測到第一用戶終端打開前端頁面時(shí)，收集第一用戶終端的頁面元素；

203：檢測頁面元素n對(duì)應(yīng)的id是否為前端頁面元素的唯一請求值rid，若否，則跳過對(duì)頁面元素n的計(jì)算，若是，則繼續(xù)對(duì)頁面元素n的計(jì)算。

204：取得頁面元素n的請求值ridn并發(fā)送至服務(wù)端，計(jì)算服務(wù)端收到請求值ridn與服務(wù)端返回?cái)?shù)據(jù)的時(shí)間差作為頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；

205：對(duì)計(jì)算得到的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn與服務(wù)器存儲(chǔ)的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn求平均值并將求得的平均值更新至服務(wù)器作為服務(wù)器存儲(chǔ)的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；

206：當(dāng)檢測到下一個(gè)用戶終端打開前端頁面時(shí)，收集下一個(gè)用戶終端的頁面元素并執(zhí)行步驟204。

207：當(dāng)檢測到用戶終端打開前端頁面時(shí)，發(fā)送一個(gè)取得本頁面所有頁面元素的響應(yīng)時(shí)間的請求至服務(wù)端并記錄當(dāng)前時(shí)間值為t1；

208：接收到服務(wù)端返回的包含所有頁面元素的響應(yīng)時(shí)間的數(shù)據(jù)并記錄當(dāng)前時(shí)間值為t2；

209：計(jì)算用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d＝t2-t1；

210：從接收到的服務(wù)端返回的包含所有頁面元素的響應(yīng)時(shí)間的數(shù)據(jù)中提取與頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn。

211：檢測到用戶終端的鼠標(biāo)坐標(biāo)參數(shù)對(duì)應(yīng)到頁面元素n時(shí)，通過頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn和用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d相加計(jì)算獲得頁面元素n的前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間tn＝t_ridn+t_d；

212：在頁面上將頁面元素n預(yù)計(jì)響應(yīng)時(shí)間tn顯示在頁面元素n的旁邊。

步驟201至步驟206為采集數(shù)據(jù)的過程，這個(gè)過程一般會(huì)不斷進(jìn)行或者隔斷時(shí)間進(jìn)行或者每檢測到一個(gè)新的用戶終端就進(jìn)行；

而步驟207至步驟210的過程是檢測到某用戶終端打開前端頁面就會(huì)進(jìn)行；

而步驟211至步驟212的過程則是檢測到用戶終端的鼠標(biāo)坐標(biāo)參數(shù)對(duì)應(yīng)到頁面元素n的時(shí)候進(jìn)行，即用戶終端的鼠標(biāo)懸停在某頁面元素n上面的時(shí)候則進(jìn)行步驟211至212；

這三個(gè)過程可同時(shí)進(jìn)行但他們之間有內(nèi)在的時(shí)序邏輯聯(lián)系，步驟211至212需要使用到步驟201至步驟206更新維護(hù)的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn和步驟207至步驟210得到的用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d；而步驟207至步驟210中的步驟需要請求服務(wù)器存儲(chǔ)的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn的數(shù)據(jù)。

以下將對(duì)本發(fā)明實(shí)施例提供的一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示裝置的一個(gè)實(shí)施例進(jìn)行詳細(xì)的描述。

本發(fā)明實(shí)施例提供的一種前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間的智能顯示裝置，包括：

頁面元素響應(yīng)時(shí)間計(jì)算模塊，用于收集頁面元素，取得頁面元素n的請求值ridn并發(fā)送至服務(wù)端，計(jì)算服務(wù)端收到請求值ridn與服務(wù)端返回?cái)?shù)據(jù)的時(shí)間差作為頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；

響應(yīng)時(shí)間請求發(fā)送模塊，用于當(dāng)檢測到用戶終端打開前端頁面時(shí)，發(fā)送一個(gè)取得本頁面所有頁面元素的響應(yīng)時(shí)間的請求至服務(wù)端并記錄當(dāng)前時(shí)間值為t1；

接收數(shù)據(jù)模塊，用于接收到服務(wù)端返回的包含所有頁面元素的響應(yīng)時(shí)間的數(shù)據(jù)并記錄當(dāng)前時(shí)間值為t2；

網(wǎng)絡(luò)延時(shí)基數(shù)計(jì)算模塊，用于計(jì)算用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d＝t2-t1；

頁面請求預(yù)計(jì)響應(yīng)時(shí)間計(jì)算模塊，用于檢測到用戶終端的鼠標(biāo)坐標(biāo)參數(shù)對(duì)應(yīng)到頁面元素n時(shí)，通過頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn和用戶終端的網(wǎng)絡(luò)延時(shí)基數(shù)t_d相加計(jì)算獲得頁面元素n的前端頁面請求的預(yù)計(jì)響應(yīng)時(shí)間tn＝t_ridn+t_d；

顯示模塊，用于在頁面上將頁面元素n預(yù)計(jì)響應(yīng)時(shí)間tn顯示在頁面元素n的旁邊。

所述頁面元素響應(yīng)時(shí)間計(jì)算模塊具體包括：

第一頁面元素收集單元，用于當(dāng)檢測到第一用戶終端打開前端頁面時(shí)，收集第一用戶終端的頁面元素；

頁面元素n響應(yīng)時(shí)間計(jì)算單元，用于取得頁面元素n的請求值ridn并發(fā)送至服務(wù)端，計(jì)算服務(wù)端收到請求值ridn與服務(wù)端返回?cái)?shù)據(jù)的時(shí)間差作為頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；

平均值計(jì)算更新單元，用于對(duì)計(jì)算得到的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn與服務(wù)器存儲(chǔ)的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn求平均值并將求得的平均值更新至服務(wù)器作為服務(wù)器存儲(chǔ)的頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn；

動(dòng)態(tài)更新單元，用于當(dāng)檢測到下一個(gè)用戶終端打開前端頁面時(shí)，收集下一個(gè)用戶終端的頁面元素并執(zhí)行頁面元素n響應(yīng)時(shí)間計(jì)算單元。

所述頁面元素響應(yīng)時(shí)間計(jì)算模塊還包括：

頁面元素檢測單元，用于檢測頁面元素n對(duì)應(yīng)的id是否為前端頁面元素的唯一請求值rid，若否，則跳過對(duì)頁面元素n的計(jì)算，若是，則繼續(xù)對(duì)頁面元素n的計(jì)算。

前端頁面初始化模塊，用于對(duì)前端頁面進(jìn)行初始化，遍歷dom樹。

響應(yīng)時(shí)間提取模塊，用于從接收到的服務(wù)端返回的包含所有頁面元素的響應(yīng)時(shí)間的數(shù)據(jù)中提取與頁面元素n對(duì)應(yīng)的響應(yīng)時(shí)間t_ridn。

所屬領(lǐng)域的技術(shù)人員可以清楚地了解到，為描述的方便和簡潔，上述描述的系統(tǒng)，裝置和單元的具體工作過程，可以參考前述方法實(shí)施例中的對(duì)應(yīng)過程，在此不再贅述。

以上所述，以上實(shí)施例僅用以說明本發(fā)明的技術(shù)方案，而非對(duì)其限制；盡管參照前述實(shí)施例對(duì)本發(fā)明進(jìn)行了詳細(xì)的說明，本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解：其依然可以對(duì)前述各實(shí)施例所記載的技術(shù)方案進(jìn)行修改，或者對(duì)其中部分技術(shù)特征進(jìn)行等同替換；而這些修改或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明各實(shí)施例技術(shù)方案的精神和范圍。