window.performance是W3C效能小組引入的新的API，目前IE9以上的瀏覽器都支援。

window.performance.timing.toJSON()

JSON.stringify(window.performance.timing)

欄位說明：

connectStart和connectEnd: 分別代表TCP建立連線和連線成功的時間節點。

domComplete：html文件完全解析完畢的時間節點。

domContentLoadedEventStart和domContentLoadedEventEnd：代表DOMContentLoaded事件觸發和完成的時間節點。頁面文件完全載入並解析完畢之後,會觸發DOMContentLoaded事件，HTML文件不會等待樣式檔案,圖片檔案,子框架頁面的載入(load事件可以用來檢測HTML頁面是否完全載入完畢(fully-loaded))。

domInteractive：代表瀏覽器解析html文件的狀態為interactive時的時間節點。domInteractive並非DOMReady，它早於DOMReady觸發，代表html文件解析完畢（即dom tree建立完成）但是內嵌資源（比如外鏈css、js等）還未載入的時間點。

domLoading：代表瀏覽器開始解析html文件的時間節點。我們知道IE瀏覽器下的document有readyState屬性，domLoading的值就等於readyState改變為loading的時間節點。

domainLookupStart和domainLookupEnd：分別代表DNS查詢的開始和結束時間節點。如果瀏覽器沒有進行DNS查詢（比如使用了cache），則兩者的值都等於fetchStart。

fetchStart：是指在瀏覽器發起任何請求之前的時間值。在fetchStart和domainLookupStart之間，瀏覽器會檢查當前文件的快取。

loadEventStart和loadEventEnd：分別代表onload事件觸發和結束的時間節點。

navigationStart：代表瀏覽器開始unload前一個頁面文件的開始時間節點。比如我們當前正在瀏覽baidu.com，在位址列輸入google.com並回車，瀏覽器的執行動作依次為：unload當前文件（即baidu.com）->請求下一文件（即google.com）。navigationStart的值便是觸發unload當前文件的時間節點。

redirectStart和redirectEnd：如果頁面是由redirect而來，則redirectStart和redirectEnd分別代表redirect開始和結束的時間節點。

requestStart：代表瀏覽器發起請求的時間節點，請求的方式可以是請求伺服器、快取、本地資源等。

responseStart和responseEnd：分別代表瀏覽器收到從伺服器端（或快取、本地資源）響應回的第一個位元組和最後一個位元組資料的時刻。

secureConnectionStart：可選。如果頁面使用HTTPS，它的值是安全連線握手之前的時刻。如果該屬性不可用，則返回undefined。如果該屬性可用，但沒有使用HTTPS，則返回0。

unloadEventStart和unloadEventEnd：如果前一個文件和請求的文件是同一個域的，則unloadEventStart和unloadEventEnd分別代表瀏覽器unload前一個文件的開始和結束時間節點。否則兩者都等於0。

主要效能指標：

• DNS查詢耗時 = domainLookupEnd - domainLookupStart
• TCP連結耗時 = connectEnd - connectStart
• request請求耗時 = responseEnd - responseStart
• 解析dom樹耗時 = domComplete - domInteractive
• 白屏時間 = domloadng - fetchStart
• domready時間 = domContentLoadedEventEnd - fetchStart
• onload時間 = loadEventEnd - fetchStart