Naiviation timeing API 時(shí)間統(tǒng)計(jì)

用于 web 應(yīng)用 獲取瀏覽器的相關(guān)時(shí)間信息赃泡。

performanceTiming 接口

navigationStart
  • 由上一個(gè)頁面跳入當(dāng)前頁,返回上一個(gè)頁面的 unload 時(shí)刻
  • 沒有上一個(gè)頁面 當(dāng)前頁面的第一個(gè)請求開始的時(shí)刻
unloadEventStart

如果上一個(gè)頁面與當(dāng)前頁面同域旁理,返回上一個(gè)頁面的 unload 事件觸發(fā)的時(shí)刻,如果沒有上一個(gè)頁面,或者上一個(gè)頁面不是同域的苦锨,返回 0苗桂。

unloadEventEnd

上一個(gè)同源頁面的 unload 事件響應(yīng)結(jié)束時(shí)間药磺,非同源或沒有上一個(gè)頁面則返回 0 。

redirectStart

由同源頁面定位過來的頁面煤伟,返回重定向開始的時(shí)間癌佩,反之為0。

redirectEnd

由同源頁面定位過來的頁面便锨,返回最后一次接收重定向響應(yīng)的時(shí)間围辙,反之為0。

domainLookupStart

返回用戶代理域名查詢的前的時(shí)間點(diǎn)鸿秆。如果頁面從現(xiàn)有的鏈接或者從緩存中加載酌畜,這個(gè)屬性返回與請求開始相同的時(shí)間

domainLookupEnd

返回用戶代理域名查詢的前的時(shí)間點(diǎn)。如果頁面從現(xiàn)有的鏈接或者從緩存中加載卿叽,這個(gè)屬性返回與請求開始相同的時(shí)間桥胞。

如果域名 dns 解析被緩存,domainLookupStart domainLookupEnd 代表了從本地緩存中獲取的時(shí)間考婴。

connectStart

瀏覽器建立首次鏈接請求的時(shí)刻贩虾。如果頁面從緩存中加載,則返回與 domainLookupEnd 相等的時(shí)刻沥阱。

connectEnd

瀏覽器完成首次鏈接請求的時(shí)刻缎罢。如果頁面從緩存中加載,則返回與 domainLookupEnd 相等的時(shí)刻考杉。這部分時(shí)間包括 SSL 握手策精,和 Socks 認(rèn)證的時(shí)間。

如果連接失敗用戶代理重新連接崇棠,connectStart咽袜, connectEnd 返回新的連接時(shí)刻點(diǎn)。

secureConnectionStart

如果當(dāng)前頁面使用的是 https 請求枕稀,返回用戶代理開始建立連接的時(shí)刻询刹。否則返回 0。

requestStart

請求讀取文檔開始的時(shí)間(完成建立連接)萎坷,包括從本地讀取緩存凹联。如果請求失敗,requestStart 返回新的請求的時(shí)間哆档。

responseStart

用戶代理接收到服務(wù)器的響應(yīng)的時(shí)刻蔽挠, 或從緩存中讀取的時(shí)刻。

responseEnd

用戶代理完成接收服務(wù)器響應(yīng)的時(shí)刻或者請求鏈接關(guān)閉的時(shí)刻虐呻,

domLoading

返回 document.readiness 狀態(tài)被置為 loading 的時(shí)刻象泵。

document readyState
loading: 文檔正在被加載
interactive: 完成解析并在加載引用資源
complete: 完成引用資源全部加載完成寞秃。
使用事件 readyStateChange 接收兩次 第一次 interactive 觸發(fā) 第二次 complete 觸發(fā)。

domInteractive

返回 document.readiness 狀態(tài)被置為 interactive 的時(shí)刻偶惠。

domComplete

返回 document readyState 狀態(tài)被設(shè)置為 complete 的時(shí)間春寿。

domContentLoadedEventStart

返回觸發(fā) DOMContentLoaded 即將觸發(fā)的時(shí)刻,此時(shí)頁面中所有的 script 標(biāo)簽已經(jīng)被執(zhí)行忽孽。

domContentLoadedEventEnd

返回 DOMContentLoaded 事件處理完成的時(shí)間绑改。

loadEventStart

返回 load 事件觸發(fā)的時(shí)刻。

loadEventEnd

返回 load 事件完成的時(shí)間兄一。

performance.timing 主要時(shí)間計(jì)算

image.png
  1. DNS查詢耗時(shí)
    domainLookupEnd - domainLookupStart
  2. js css 資源 加載時(shí)間:
    domInteractive - domComplete
  3. js css 資源 解析時(shí)間:
    domContentLoadedEventStart - domComplete
  4. domReady
    domContentLoadedEventEnd - navigationStart

performance.navigation

type
含義
0 鏈接跳入
1 刷新打開
2 后退
255 其他
redirectCount

從上一次非重定向開始到當(dāng)前頁面的重定向次數(shù)厘线。

參考:

w3c 標(biāo)準(zhǔn)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市出革,隨后出現(xiàn)的幾起案子造壮,更是在濱河造成了極大的恐慌,老刑警劉巖骂束,帶你破解...
    沈念sama閱讀 222,104評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件耳璧,死亡現(xiàn)場離奇詭異,居然都是意外死亡展箱,警方通過查閱死者的電腦和手機(jī)旨枯,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來混驰,“玉大人攀隔,你說我怎么就攤上這事∑苷ィ” “怎么了昆汹?”我有些...
    開封第一講書人閱讀 168,697評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長婴栽。 經(jīng)常有香客問我筹煮,道長,這世上最難降的妖魔是什么居夹? 我笑而不...
    開封第一講書人閱讀 59,836評(píng)論 1 298
  • 正文 為了忘掉前任,我火速辦了婚禮本冲,結(jié)果婚禮上准脂,老公的妹妹穿的比我還像新娘。我一直安慰自己檬洞,他們只是感情好狸膏,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評(píng)論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著添怔,像睡著了一般湾戳。 火紅的嫁衣襯著肌膚如雪贤旷。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,441評(píng)論 1 310
  • 那天砾脑,我揣著相機(jī)與錄音幼驶,去河邊找鬼。 笑死韧衣,一個(gè)胖子當(dāng)著我的面吹牛盅藻,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播畅铭,決...
    沈念sama閱讀 40,992評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼氏淑,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了硕噩?” 一聲冷哼從身側(cè)響起假残,我...
    開封第一講書人閱讀 39,899評(píng)論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎炉擅,沒想到半個(gè)月后辉懒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,457評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡坑资,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評(píng)論 3 341
  • 正文 我和宋清朗相戀三年耗帕,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片袱贮。...
    茶點(diǎn)故事閱讀 40,664評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡仿便,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出攒巍,到底是詐尸還是另有隱情嗽仪,我是刑警寧澤,帶...
    沈念sama閱讀 36,346評(píng)論 5 350
  • 正文 年R本政府宣布柒莉,位于F島的核電站闻坚,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏兢孝。R本人自食惡果不足惜窿凤,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評(píng)論 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望跨蟹。 院中可真熱鬧雳殊,春花似錦、人聲如沸窗轩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至仓洼,卻和暖如春介陶,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背色建。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評(píng)論 1 272
  • 我被黑心中介騙來泰國打工哺呜, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人镀岛。 一個(gè)月前我還...
    沈念sama閱讀 49,081評(píng)論 3 377
  • 正文 我出身青樓弦牡,卻偏偏與公主長得像,于是被迫代替她去往敵國和親漂羊。 傳聞我的和親對象是個(gè)殘疾皇子驾锰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • ??JavaScript 與 HTML 之間的交互是通過事件實(shí)現(xiàn)的椭豫。 ??事件,就是文檔或?yàn)g覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,502評(píng)論 1 11
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理旨指,服務(wù)發(fā)現(xiàn)赏酥,斷路器,智...
    卡卡羅2017閱讀 134,707評(píng)論 18 139
  • 本節(jié)介紹各種常見的瀏覽器事件谆构。 鼠標(biāo)事件 鼠標(biāo)事件指與鼠標(biāo)相關(guān)的事件裸扶,主要有以下一些。 click 事件搬素,dblc...
    許先生__閱讀 2,446評(píng)論 0 4
  • 平時(shí)看到新鮮的事物總會(huì)忍不去嘗試下呵晨,倒不是因?yàn)樯蟻砭陀泻艽蟮呐d趣,往往是想看看事物背后的動(dòng)機(jī)熬尺。分析的過程能強(qiáng)化你的...
    lei__閱讀 365評(píng)論 2 7
  • 第五章 一朝入雙局 金粉調(diào)青綠摸屠,瓷青紙扇,細(xì)筆山水粱哼。大骨湘妃竹嵌螺鈿季二,小骨燙花。...
    崖木古閱讀 358評(píng)論 3 3