概述
透視寶在時(shí)間指標(biāo)方面一共有10個(gè)指標(biāo)项玛。商智方面有4個(gè)指標(biāo)貌笨。
透視寶時(shí)間指標(biāo)說(shuō)明
- 首屏?xí)r間：瀏覽器顯示第一屏頁(yè)面的時(shí)間，用來(lái)判斷用戶(hù)看到第一屏內(nèi)容的時(shí)間襟沮，是衡量用戶(hù)體驗(yàn)重要指標(biāo)锥惋。
- 終端用戶(hù)響應(yīng)時(shí)間：從用戶(hù)發(fā)起請(qǐng)求到瀏覽器對(duì)頁(yè)面進(jìn)行渲染完成所需要的全部時(shí)間。
- 首字節(jié)時(shí)間：用戶(hù)發(fā)起請(qǐng)求的時(shí)間與瀏覽器接收到第一個(gè)響應(yīng)字節(jié)的時(shí)間之間的間隔开伏。
- 服務(wù)器連接時(shí)間：用戶(hù)發(fā)起請(qǐng)求的時(shí)間與開(kāi)始提取服務(wù)器響應(yīng)文檔的時(shí)間之間的間隔膀跌，包括重定向、域名查詢(xún)固灵、TCP連接和SSL握手的時(shí)間捅伤。
- 響應(yīng)可用時(shí)間：開(kāi)始處理來(lái)自瀏覽器請(qǐng)求的時(shí)間到瀏覽器接收該響應(yīng)的時(shí)間之間的間隔，包括網(wǎng)絡(luò)中從用戶(hù)的瀏覽器到服務(wù)器所用的時(shí)間巫玻。
- 前端時(shí)間：文本響應(yīng)的第一個(gè)字節(jié)抵達(dá)的時(shí)間到瀏覽器完成響應(yīng)頁(yè)面的渲染的時(shí)間之間的間隔丛忆。
- DOM準(zhǔn)備時(shí)間：準(zhǔn)備好完整的HTML文檔（DOM），使其可用的時(shí)間仍秤。
- HTML下載時(shí)間：瀏覽器下載完整的HTML文檔內(nèi)容所需要的時(shí)間熄诡。
- DOM建立時(shí)間：瀏覽器建立文檔對(duì)象模型（DOM）所需要的時(shí)間。
- 頁(yè)面渲染時(shí)間：瀏覽器對(duì)剩余資源完成下載所需要的時(shí)間诗力，包括圖片資源下載和頁(yè)面渲染完成的時(shí)間凰浮。
時(shí)間指標(biāo)計(jì)算的基本手段
利用瀏覽器Window.performance.timing和相應(yīng)的事件，獲取到想要的時(shí)間戳姜骡，再利用時(shí)間戳相減得到相應(yīng)的時(shí)間指標(biāo)导坟。
借助Window.performance.timing只讀屬性取到一個(gè)PerformanceTiming對(duì)象，這個(gè)對(duì)象包含了頁(yè)面相關(guān)的性能信息圈澈，兼容性IE 9及以上惫周。
另外借助瀏覽器事件（如onload事件）完善數(shù)據(jù)的采集。
PerformanceTiming對(duì)象一共包含21個(gè)屬性康栈，每個(gè)屬性是一個(gè)時(shí)間戳递递，如PerformanceTiming.navigationStart表示的是是一個(gè)無(wú)符號(hào)long long 型的毫秒數(shù)，表征了從同一個(gè)瀏覽器上下文的上一個(gè)文檔卸載(unload)結(jié)束時(shí)的UNIX時(shí)間戳啥么。
鑒于PerformanceTiming內(nèi)一共包含21個(gè)具有不同時(shí)間段的時(shí)間戳登舞，其中兩兩相減就能得到一個(gè)時(shí)間指標(biāo)，如果一個(gè)不少全部采集悬荣，數(shù)據(jù)量很大菠秒，通常重點(diǎn)選擇能直接量化用戶(hù)時(shí)間感受的以及能幫助技術(shù)衡量頁(yè)面性能的指標(biāo)進(jìn)行采集。
透視寶和商智前端監(jiān)控系統(tǒng)時(shí)間指標(biāo)對(duì)比
總結(jié)
通過(guò)上表對(duì)比可知，透視寶在數(shù)據(jù)采集雖然也是有所選擇践叠，但是指標(biāo)更多言缤、更細(xì)，好處是可以滿(mǎn)足更追求細(xì)節(jié)化的技術(shù)分析需求（某些指標(biāo)在前端的角度來(lái)看禁灼，實(shí)際解決問(wèn)題時(shí)是否存在這樣的需求還是未知的）管挟，可以制作出更漂亮更豐富的圖表。缺點(diǎn)是里面的大部分?jǐn)?shù)據(jù)均嚴(yán)格依賴(lài)PerformanceTiming弄捕，低端瀏覽器（IE9以下）沒(méi)有替代方案僻孝。
