web性能重要指標(biāo)——時(shí)長(zhǎng)

通常在監(jiān)控前端頁(yè)面性能的時(shí)候，我們會(huì)需要獲取到很多的時(shí)間戳，比如用戶按下回車的時(shí)候開(kāi)始計(jì)時(shí)，但這個(gè)時(shí)候，我們統(tǒng)計(jì)的js代碼并沒(méi)有加載過(guò)來(lái)，也無(wú)法讀取到相關(guān)的信息。在HTML5出來(lái)以后，用window.performance對(duì)象用于監(jiān)控頁(yè)面性能，而獲取相關(guān)時(shí)間戳信息則是Performance.timing對(duì)象，改對(duì)象是一個(gè)只讀對(duì)象，包含了潛在相關(guān)的性能信息。

語(yǔ)法 

let timingInfo = performance.timing;

瀏覽器支持

performance.timing屬性列表

屬性以及代表意義圖解

屬性詳解 

navigationStart —— 當(dāng)前瀏覽器窗口的前一個(gè)網(wǎng)頁(yè)關(guān)閉時(shí)，觸發(fā)unload時(shí)的unix時(shí)間戳，是新開(kāi)窗口，值與fetchStart相同；

fetchStart —— 返回瀏覽器準(zhǔn)備使用HTTP請(qǐng)求讀取文檔時(shí)的Unix毫秒時(shí)間戳；

redirectStart —— 同域名重定向時(shí)的unix時(shí)間戳；沒(méi)有重定向時(shí)返回0；

redirectEnd　——　重定向的結(jié)束時(shí)間戳；

domainLookupStart —— 域名查詢開(kāi)始時(shí)的Unix毫秒時(shí)間戳。如果使用持久連接，或者信息是從本地緩存獲取的，則返回值等同于fetchStart屬性的值；

domainLookupEnd —— 域名查詢結(jié)束時(shí)的Unix毫秒時(shí)間戳。如果使用持久連接，或者信息是從本地緩存獲取的，則返回值等同于fetchStart屬性的值；

loadEventStart —— 當(dāng)前網(wǎng)頁(yè)load事件的回調(diào)函數(shù)開(kāi)始時(shí)的Unix毫秒時(shí)間戳。如果該事件還沒(méi)有發(fā)生，返回0；

loadEventEnd
        
		

        		
網(wǎng)友評(píng)論