## Performance API 高精度時(shí)間戳
PerFormance API是ECMAScript 5才引入的,它的精度可達(dá)到1毫秒的千分之一。
目前,所有主要瀏覽器都已經(jīng)支持`performance`對(duì)象,包括Chrome 20+、Firefox 15+、IE 10+、Opera 15+。
**1.1 performance.timing對(duì)象**
`performance`對(duì)象是全局的,它的`timing`屬性是一個(gè)對(duì)象,它包含了各種與瀏覽器性能有關(guān)的時(shí)間數(shù)據(jù),提供瀏覽器處理網(wǎng)頁(yè)各個(gè)階段的耗時(shí)。
`performance.timing`對(duì)象包含下列屬性(全部只讀):
```
navigationStart:當(dāng)前瀏覽器窗口的前一個(gè)網(wǎng)頁(yè)關(guān)閉,發(fā)生unload事件時(shí)的Unix毫秒時(shí)間戳。如果沒有前一個(gè)網(wǎng)頁(yè),則等于fetchStart屬性。
unloadEventStart:如果前一個(gè)網(wǎng)頁(yè)與當(dāng)前網(wǎng)頁(yè)屬于同一個(gè)域名,則返回前一個(gè)網(wǎng)頁(yè)的unload事件發(fā)生時(shí)的Unix毫秒時(shí)間戳。如果沒有前一個(gè)網(wǎng)頁(yè),或者之前的網(wǎng)頁(yè)跳轉(zhuǎn)不是在同一個(gè)域名內(nèi),則返回值為0。
unloadEventEnd:如果前一個(gè)網(wǎng)頁(yè)與當(dāng)前網(wǎng)頁(yè)屬于同一個(gè)域名,則返回前一個(gè)網(wǎng)頁(yè)unload事件的回調(diào)函數(shù)結(jié)束時(shí)的Unix毫秒時(shí)間戳。如果沒有前一個(gè)網(wǎng)頁(yè),或者之前的網(wǎng)頁(yè)跳轉(zhuǎn)不是在同一個(gè)域名內(nèi),則返回值為0。
redirectStart:返回第一個(gè)HTTP跳轉(zhuǎn)開始時(shí)的Unix毫秒時(shí)間戳。如果沒有跳轉(zhuǎn),或者不是同一個(gè)域名內(nèi)部的跳轉(zhuǎn),則返回值為0。
redirectEnd:返回最后一個(gè)HTTP跳轉(zhuǎn)結(jié)束時(shí)(即跳轉(zhuǎn)回應(yīng)的最后一個(gè)字節(jié)接受完成時(shí))的Unix毫秒時(shí)間戳。如果沒有跳轉(zhuǎn),或者不是同一個(gè)域名內(nèi)部的跳轉(zhuǎn),則返回值為0。
fetchStart:返回瀏覽器準(zhǔn)備使用HTTP請(qǐng)求讀取文檔時(shí)的Unix毫秒時(shí)間戳。該事件在網(wǎng)頁(yè)查詢本地緩存之前發(fā)生。
domainLookupStart:返回域名查詢開始時(shí)的Unix毫秒時(shí)間戳。如果使用持久連接,或者信息是從本地緩存獲取的,則返回值等同于fetchStart屬性的值。
domainLookupEnd:返回域名查詢結(jié)束時(shí)的Unix毫秒時(shí)間戳。如果使用持久連接,或者信息是從本地緩存獲取的,則返回值等同于fetchStart屬性的值。
connectStart:返回HTTP請(qǐng)求開始向服務(wù)器發(fā)送時(shí)的Unix毫秒時(shí)間戳。如果使用持久連接(persistent connection),則返回值等同于fetchStart屬性的值。
connectEnd:返回瀏覽器與服務(wù)器之間的連接建立時(shí)的Unix毫秒時(shí)間戳。如果建立的是持久連接,則返回值等同于fetchStart屬性的值。連接建立指的是所有握手和認(rèn)證過程全部結(jié)束。
secureConnectionStart:返回瀏覽器與服務(wù)器開始安全鏈接的握手時(shí)的Unix毫秒時(shí)間戳。如果當(dāng)前網(wǎng)頁(yè)不要求安全連接,則返回0。
requestStart:返回瀏覽器向服務(wù)器發(fā)出HTTP請(qǐng)求時(shí)(或開始讀取本地緩存時(shí))的Unix毫秒時(shí)間戳。
responseStart:返回瀏覽器從服務(wù)器收到(或從本地緩存讀?。┑谝粋€(gè)字節(jié)時(shí)的Unix毫秒時(shí)間戳。
responseEnd:返回瀏覽器從服務(wù)器收到(或從本地緩存讀?。┳詈笠粋€(gè)字節(jié)時(shí)(如果在此之前HTTP連接已經(jīng)關(guān)閉,則返回關(guān)閉時(shí))的Unix毫秒時(shí)間戳。
domLoading:返回當(dāng)前網(wǎng)頁(yè)DOM結(jié)構(gòu)開始解析時(shí)(即Document.readyState屬性變?yōu)椤發(fā)oading”、相應(yīng)的readystatechange事件觸發(fā)時(shí))的Unix毫秒時(shí)間戳。
domInteractive:返回當(dāng)前網(wǎng)頁(yè)DOM結(jié)構(gòu)結(jié)束解析、開始加載內(nèi)嵌資源時(shí)(即Document.readyState屬性變?yōu)椤癷nteractive”、相應(yīng)的readystatechange事件觸發(fā)時(shí))的Unix毫秒時(shí)間戳。
domContentLoadedEventStart:返回當(dāng)前網(wǎng)頁(yè)DOMContentLoaded事件發(fā)生時(shí)(即DOM結(jié)構(gòu)解析完畢、所有腳本開始運(yùn)行時(shí))的Unix毫秒時(shí)間戳。
domContentLoadedEventEnd:返回當(dāng)前網(wǎng)頁(yè)所有需要執(zhí)行的腳本執(zhí)行完成時(shí)的Unix毫秒時(shí)間戳。
domComplete:返回當(dāng)前網(wǎng)頁(yè)DOM結(jié)構(gòu)生成時(shí)(即Document.readyState屬性變?yōu)椤癱omplete”,以及相應(yīng)的readystatechange事件發(fā)生時(shí))的Unix毫秒時(shí)間戳。
loadEventStart:返回當(dāng)前網(wǎng)頁(yè)load事件的回調(diào)函數(shù)開始時(shí)的Unix毫秒時(shí)間戳。如果該事件還沒有發(fā)生,返回0。
loadEventEnd:返回當(dāng)前網(wǎng)頁(yè)load事件的回調(diào)函數(shù)運(yùn)行結(jié)束時(shí)的Unix毫秒時(shí)間戳。如果該事件還沒有發(fā)生,返回0。
```
**1.2 performance中的方法**
**(1)performance.now()**
`performance.now`方法返回當(dāng)前網(wǎng)頁(yè)自從`performance.timing.navigationStart`到當(dāng)前時(shí)間之間的微秒數(shù)(毫秒的千分之一)。也就是說,它的精度可以達(dá)到100萬(wàn)分之一秒。
**(2)performance.mark()**
mark方法用于為相應(yīng)的視點(diǎn)做標(biāo)記。
clearMarks方法用于清除標(biāo)記,如果不加參數(shù),就表示清除所有標(biāo)記。
**(3)performance.getEntries()**
瀏覽器獲取網(wǎng)頁(yè)時(shí),會(huì)對(duì)網(wǎng)頁(yè)中每一個(gè)對(duì)象(腳本文件、樣式表、圖片文件等等)發(fā)出一個(gè)HTTP請(qǐng)求。`performance.getEntries`方法以數(shù)組形式,返回這些請(qǐng)求的時(shí)間統(tǒng)計(jì)信息,有多少個(gè)請(qǐng)求,返回?cái)?shù)組就會(huì)有多少個(gè)成員。
**1.3 performance.navigation對(duì)象**
除了時(shí)間信息,performance還可以提供一些用戶行為信息,主要都存放在performance.navigation對(duì)象上面。
它有兩個(gè)屬性:
**(1)performance.navigation.type**
該屬性返回一個(gè)整數(shù)值,表示網(wǎng)頁(yè)的加載來(lái)源,可能有以下4種情況:
```
0:網(wǎng)頁(yè)通過點(diǎn)擊鏈接、地址欄輸入、表單提交、腳本操作等方式加載,相當(dāng)于常數(shù)performance.navigation.TYPE_NAVIGATENEXT。
1:網(wǎng)頁(yè)通過“重新加載”按鈕或者location.reload()方法加載,相當(dāng)于常數(shù)performance.navigation.TYPE_RELOAD。
2:網(wǎng)頁(yè)通過“前進(jìn)”或“后退”按鈕加載,相當(dāng)于常數(shù)performance.navigation.TYPE_BACK_FORWARD。
255:任何其他來(lái)源的加載,相當(dāng)于常數(shù)performance.navigation.TYPE_UNDEFINED。
```
**(2)performance.navigation.redirectCount**
該屬性表示當(dāng)前網(wǎng)頁(yè)經(jīng)過了多少次重定向跳轉(zhuǎn)。
- 前言
- JavaScript簡(jiǎn)介
- 基本概念
- 語(yǔ)法
- 數(shù)據(jù)類型
- 運(yùn)算符
- 表達(dá)式
- 語(yǔ)句
- 對(duì)象
- 數(shù)組
- 函數(shù)
- 引用類型(對(duì)象)
- Object對(duì)象
- Array對(duì)象
- Date對(duì)象
- RegExp對(duì)象
- 基本包裝類型(Boolean、Number、String)
- 單體內(nèi)置對(duì)象(Global、Math)
- console對(duì)象
- DOM
- DOM-屬性和CSS
- BOM
- Event 事件
- 正則表達(dá)式
- JSON
- AJAX
- 表單和富文本編輯器
- 表單
- 富文本編輯器
- canvas
- 離線應(yīng)用
- 客戶端存儲(chǔ)(Cookie、Storage、IndexedDB)
- HTML5 API
- Video/Audio
- Geolocation API
- requestAnimationFrame
- File API
- FullScreen API
- IndexedDB
- 檢測(cè)設(shè)備方向
- Blob
- vibrate
- Luminosity API
- WebRTC
- Page Visibility API
- Performance API
- Web Speech
- Notification
- 面向?qū)ο蟮某绦蛟O(shè)計(jì)
- 概述
- this關(guān)鍵字
- 原型鏈
- 作用域
- 常用API合集
- SVG
- 錯(cuò)誤處理機(jī)制
- JavaScript開發(fā)技巧合集
- 編程風(fēng)格
- 垃圾回收機(jī)制
