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

【發(fā)明內容】

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