測(cè)量網(wǎng)頁(yè)首屏加載時(shí)間的方法及檢測(cè)設(shè)備的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)頁(yè)加載技術(shù)領(lǐng)域，尤其涉及一種測(cè)量網(wǎng)頁(yè)首屏加載時(shí)間的方法及檢測(cè)設(shè)備。
【背景技術(shù)】
[0002]首屏加載時(shí)間是訪問網(wǎng)站的一個(gè)重要參數(shù)，指一個(gè)網(wǎng)站被瀏覽器窗口上部的區(qū)域(即首屏)被充滿所需時(shí)間。當(dāng)頁(yè)面充滿首屏區(qū)域時(shí)，用戶可以看到頁(yè)面內(nèi)容并點(diǎn)擊訪問其他內(nèi)容。
[0003]對(duì)于首屏加載，目前多以瀏覽器插件來(lái)計(jì)算得到首屏加載時(shí)間:在首屏加載時(shí)，模擬用戶的訪問，分析頁(yè)面元素的加載順序及速度、分析頁(yè)面渲染的順序及速度，從而計(jì)算得出首屏加載時(shí)間。在實(shí)際應(yīng)用中，首屏加載時(shí)間還跟網(wǎng)絡(luò)的傳輸質(zhì)量、用戶的終端性能有關(guān)，上述方法通過模擬用戶的訪問來(lái)計(jì)算首屏加載時(shí)間，沒有考慮網(wǎng)絡(luò)的傳輸質(zhì)量、用戶的終端性能因素，因此得到的首屏加載時(shí)間并不準(zhǔn)確。
[0004]上述內(nèi)容僅用于輔助理解本發(fā)明的技術(shù)方案，并不代表承認(rèn)上述內(nèi)容是現(xiàn)有技術(shù)。

【發(fā)明內(nèi)容】

[0005]本發(fā)明的主要目的在于提供一種測(cè)量網(wǎng)頁(yè)首屏加載時(shí)間的方法及檢測(cè)設(shè)備，旨在解決如何獲取準(zhǔn)確的首屏加載時(shí)間的技術(shù)問題。
[0006]為實(shí)現(xiàn)上述目的，本發(fā)明提供一種測(cè)量網(wǎng)頁(yè)首屏加載時(shí)間的方法，所述測(cè)量網(wǎng)頁(yè)首屏加載時(shí)間的方法包括以下步驟:
[0007]檢測(cè)設(shè)備攔截終端發(fā)起的頁(yè)面請(qǐng)求；
[0008]在所述頁(yè)面請(qǐng)求對(duì)應(yīng)的原頁(yè)面的網(wǎng)頁(yè)源碼的預(yù)定位置添加時(shí)間標(biāo)記，以得到添加有所述時(shí)間標(biāo)記的網(wǎng)頁(yè)源碼對(duì)應(yīng)的新頁(yè)面；
[0009]在終端的瀏覽器加載所述新頁(yè)面的過程中，當(dāng)加載至添加時(shí)間標(biāo)記的位置時(shí)，獲取所述瀏覽器的加載時(shí)間，以作為首屏加載時(shí)間。
[0010]優(yōu)選地，所述在所述頁(yè)面請(qǐng)求對(duì)應(yīng)的原頁(yè)面的網(wǎng)頁(yè)源碼的預(yù)定位置添加時(shí)間標(biāo)記，以得到添加有所述時(shí)間標(biāo)記的網(wǎng)頁(yè)源碼對(duì)應(yīng)的新頁(yè)面的步驟包括:
[0011]將所述頁(yè)面請(qǐng)求重定向至中間頁(yè)面；
[0012]在所述中間頁(yè)面異步請(qǐng)求原頁(yè)面時(shí)，通過預(yù)定的方式獲取在所述網(wǎng)頁(yè)源碼中添加時(shí)間標(biāo)記的預(yù)定位置；
[0013]將所述時(shí)間標(biāo)記按照所述預(yù)定位置添加至所述網(wǎng)頁(yè)源碼中，以得到添加有所述時(shí)間標(biāo)記的網(wǎng)頁(yè)源碼對(duì)應(yīng)的新頁(yè)面。
[0014]優(yōu)選地，所述通過預(yù)定的方式獲取在所述網(wǎng)頁(yè)源碼中添加時(shí)間標(biāo)記的預(yù)定位置的步驟包括:獲取所述網(wǎng)頁(yè)源碼中所有的網(wǎng)站元素；
[0015]當(dāng)所述網(wǎng)站元素中未包含特定網(wǎng)站元素時(shí)，獲取所述頁(yè)面請(qǐng)求對(duì)應(yīng)的網(wǎng)站類型，根據(jù)所述網(wǎng)站類型獲取所述添加時(shí)間標(biāo)記的預(yù)定位置；
[0016]當(dāng)所述網(wǎng)站元素中包含特定網(wǎng)站元素時(shí)，以所述特定網(wǎng)站元素后的位置作為所述添加時(shí)間標(biāo)記的預(yù)定位置。
[0017]優(yōu)選地，還包括:獲取網(wǎng)絡(luò)指標(biāo)信息，根據(jù)所述網(wǎng)絡(luò)指標(biāo)信息及首屏加載時(shí)間獲取資源調(diào)整信息和/或性能優(yōu)化信息。
[0018]優(yōu)選地，還包括:
[0019]根據(jù)所述資源調(diào)整信息和/或性能優(yōu)化信息對(duì)網(wǎng)站資源進(jìn)行對(duì)應(yīng)調(diào)整和/或優(yōu)化。
[0020]此外，為實(shí)現(xiàn)上述目的，本發(fā)明還提供一種檢測(cè)設(shè)備，所述檢測(cè)設(shè)備包括:
[0021]攔截模塊，用于攔截終端發(fā)起的頁(yè)面請(qǐng)求；
[0022]添加模塊，用于在所述頁(yè)面請(qǐng)求對(duì)應(yīng)的原頁(yè)面的網(wǎng)頁(yè)源碼的預(yù)定位置添加時(shí)間標(biāo)記，以得到添加有所述時(shí)間標(biāo)記的網(wǎng)頁(yè)源碼對(duì)應(yīng)的新頁(yè)面；
[0023]第一獲取模塊，用于在終端的瀏覽器加載所述新頁(yè)面的過程中，當(dāng)加載至添加時(shí)間標(biāo)記的位置時(shí)，獲取所述瀏覽器的加載時(shí)間，以作為首屏加載時(shí)間。
[0024]優(yōu)選地，所述添加模塊包括:
[0025]重定向單元，用于將所述頁(yè)面請(qǐng)求重定向至中間頁(yè)面；
[0026]獲取單元，用于在中間頁(yè)面異步請(qǐng)求原頁(yè)面時(shí)，通過預(yù)定的方式獲取在所述網(wǎng)頁(yè)源碼中添加時(shí)間標(biāo)記的預(yù)定位置；
[0027]添加單元，用于將所述時(shí)間標(biāo)記按照所述預(yù)定位置添加至所述網(wǎng)頁(yè)源碼中，以得到添加有所述時(shí)間標(biāo)記的網(wǎng)頁(yè)源碼對(duì)應(yīng)的新頁(yè)面。
[0028]優(yōu)選地，所述獲取單元具體用于獲取所述網(wǎng)頁(yè)源碼中所有的網(wǎng)站元素；當(dāng)所述網(wǎng)站元素中未包含特定網(wǎng)站元素時(shí)，獲取所述頁(yè)面請(qǐng)求對(duì)應(yīng)的網(wǎng)站類型，根據(jù)所述網(wǎng)站類型獲取所述添加時(shí)間標(biāo)記的預(yù)定位置；當(dāng)所述網(wǎng)站元素中包含特定網(wǎng)站元素時(shí)，以所述特定網(wǎng)站元素后的位置作為所述添加時(shí)間標(biāo)記的預(yù)定位置。
[0029]優(yōu)選地，所述檢測(cè)設(shè)備還包括:
[0030]第二獲取模塊，用于獲取網(wǎng)絡(luò)指標(biāo)信息，根據(jù)所述網(wǎng)絡(luò)指標(biāo)信息及首屏加載時(shí)間獲取資源調(diào)整信息和/或性能優(yōu)化信息。
[0031]優(yōu)選地，所述檢測(cè)設(shè)備還包括:
[0032]調(diào)整優(yōu)化模塊，用于根據(jù)所述資源調(diào)整信息和/或性能優(yōu)化信息對(duì)網(wǎng)站資源進(jìn)行對(duì)應(yīng)調(diào)整和/或優(yōu)化。
[0033]本發(fā)明一種測(cè)量網(wǎng)頁(yè)首屏加載時(shí)間的方法及檢測(cè)設(shè)備，通過綜合考慮網(wǎng)站元素如圖片、超鏈接等，然后才在原頁(yè)面的網(wǎng)頁(yè)源碼的預(yù)定位置添加時(shí)間標(biāo)記，得到添加有該時(shí)間標(biāo)記的網(wǎng)頁(yè)源碼對(duì)應(yīng)的新頁(yè)面，在終端的瀏覽器加載新頁(yè)面的過程中，當(dāng)加載至添加時(shí)間標(biāo)記的位置時(shí)，獲取瀏覽器的加載時(shí)間作為首屏加載時(shí)間，在不影響網(wǎng)站頁(yè)面的加載的前提下，能夠獲取到較為準(zhǔn)確的首屏加載時(shí)間，并且不需要安裝其他的插件。
【附圖說明】
[0034]圖1為本發(fā)明測(cè)量網(wǎng)頁(yè)首屏加載時(shí)間的方法第一實(shí)施例的流程示意圖；
[0035]圖2為圖1中步驟S102的細(xì)化流程示意圖；
[0036]圖3為本發(fā)明測(cè)量網(wǎng)頁(yè)首屏加載時(shí)間的方法第二實(shí)施例的流程示意圖；
[0037]圖4為本發(fā)明檢測(cè)設(shè)備第一實(shí)施例的功能模塊示意圖；
[0038]圖5為圖4中添加模塊的細(xì)化功能模塊示意圖；
[0039]圖6為本發(fā)明檢測(cè)設(shè)備第二實(shí)施例的功能模塊示意圖。
[0040]本發(fā)明目的的實(shí)現(xiàn)、功能特點(diǎn)及優(yōu)點(diǎn)將結(jié)合實(shí)施例，參照附圖做進(jìn)一步說明。
【具體實(shí)施方式】
[0041]應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0042]本發(fā)明提供一種測(cè)量網(wǎng)頁(yè)首屏加載時(shí)間的方法，參照?qǐng)D1，在一實(shí)施例中，該測(cè)量網(wǎng)頁(yè)首屏加載時(shí)間的方法包括:
[0043]步驟S101，檢測(cè)設(shè)備攔截終端發(fā)起的頁(yè)面請(qǐng)求；
[0044]本實(shí)施例中，終端可以是計(jì)算機(jī)、筆記本電腦、手機(jī)等智能終端。在網(wǎng)頁(yè)的加載的過程中，本實(shí)施例具體為網(wǎng)頁(yè)首屏的加載，并檢測(cè)首屏加載時(shí)間。
[0045]本實(shí)施例中，檢測(cè)設(shè)備串接在網(wǎng)絡(luò)傳輸?shù)穆窂缴?，以?shí)現(xiàn)對(duì)網(wǎng)站首屏加載時(shí)間的檢測(cè)。在終端向服務(wù)器發(fā)起頁(yè)面請(qǐng)求后，檢測(cè)設(shè)備攔截終端發(fā)起的頁(yè)面請(qǐng)求。
[0046]步驟S102，在所述頁(yè)面請(qǐng)求對(duì)應(yīng)的原頁(yè)面的網(wǎng)頁(yè)源碼的預(yù)定位置添加時(shí)間標(biāo)記，以得到添加有所述時(shí)間標(biāo)記的網(wǎng)頁(yè)源碼對(duì)應(yīng)的新頁(yè)面；
[0047]本實(shí)施例中，修改頁(yè)面請(qǐng)求對(duì)應(yīng)的原頁(yè)面的網(wǎng)頁(yè)源碼，綜合考慮網(wǎng)站元素如圖片、超鏈接等，在網(wǎng)頁(yè)源碼中找出合適的位置作為預(yù)定位置，并在預(yù)定位置打上時(shí)間標(biāo)記(也就是打粧)。
[0048]本實(shí)施例中，時(shí)間標(biāo)記實(shí)際上為加載時(shí)間上報(bào)代碼，在網(wǎng)頁(yè)源碼打上時(shí)間標(biāo)記后，通過該時(shí)間標(biāo)記可以上報(bào)加載時(shí)間。
[0049]本實(shí)施例中，可以由網(wǎng)絡(luò)人員通過反復(fù)測(cè)試得到添加時(shí)間標(biāo)記的位置，然后進(jìn)行設(shè)定，檢測(cè)設(shè)備在加載網(wǎng)頁(yè)時(shí)可以自動(dòng)獲取到所設(shè)定的位置，然后在所設(shè)定的位置添加時(shí)間標(biāo)記；或者可以由網(wǎng)絡(luò)人員通過手動(dòng)的方式將時(shí)間標(biāo)記添加到網(wǎng)頁(yè)源碼中，得到添加有時(shí)間標(biāo)記的網(wǎng)頁(yè)源碼對(duì)應(yīng)的新頁(yè)面。
[0050]本實(shí)施例可以在線修改網(wǎng)頁(yè)源碼，通過一定的算法在網(wǎng)頁(yè)源碼中找出合適的打時(shí)間標(biāo)記的位置，不影響網(wǎng)站頁(yè)面的加載，并且不需要安裝其他的插件。
[0051]步驟S103，在終端的瀏覽器加載所述新頁(yè)面的過程