使用performance进行网页性能监控

 1 performance = { ??2 ????// memory 是非标准属性，只在 Chrome 有 3 ????//这个属性提供了一个可以获取到基本内存使用情况的对象 4 ????memory: { 5 ????????usedJSHeapSize: ?10000000, // JS 对象（包括V8引擎内部对象）占用的内存 6 ????????totalJSHeapSize: 10000000, // 可使用的内存 7 ????????jsHeapSizeLimit: 2190000000 // 内存大小限制 8 ????}, 9 ?10 ????// ?navigation: 提供操作（包含在 timing 里时间）的有用上下文11 ????//包括页面是加载还是刷新、发生了多少次重定向，等等。12 ????navigation: {13 ????????redirectCount: 0, // 重定向次数14 ????????type: 0 ??????????// 0 ??正常进入的页面（即非刷新、非重定向等）15 ??????????????????????????// 1 ??通过 window.location.reload() (即刷新页面)16 ??????????????????????????// 2 ??通过浏览器的前进后退按钮进入的页面（历史记录）17 ??????????????????????????// 255 非以上方式进入的页面18 ????},19 ?20 ????timing: {21 ????????// 同一个浏览器上下文的上一个文档卸载(unload)结束时的UNIX时间戳。22 ???????//如果没有上一个文档，这个值会和fetchStart相同。23 ????????navigationStart: 1441112691935,24 ?25 ????????// 上一个文档unload事件抛出时的UNIX时间戳。26 ????????//如果没有上一个文档,这个值会返回0.27 ????????unloadEventStart: 0,28 ?29 ????????// 和 unloadEventStart 相对应，unload事件处理完成时的UNIX时间戳。30 ????????//如果没有上一个文档,这个值会返回0.31 ????????unloadEventEnd: 0,32 ?33 ????????// 第一个HTTP重定向开始时的UNIX时间戳。34 ????????//如果没有重定向，或者重定向中的一个不同源，这个值会返回0.35 ????????redirectStart: 0,36 ?37 ????????// 最后一个HTTP重定向完成时（也就是说是HTTP响应的最后一个比特直接被收到的时间）的UNIX时间戳。38 ????????//如果没有重定向，或者重定向中的一个不同源，这个值会返回0. 39 ????????redirectEnd: 0,40 ?41 ????????// 浏览器准备好使用HTTP请求来获取(fetch)文档的UNIX时间戳。这个时间点会在检查任何应用缓存之前。42 ????????fetchStart: 1441112692155,43 ?44 ????????// DNS 域名查询开始的UNIX时间戳。45 ???????//如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和fetchStart一致。46 ????????domainLookupStart: 1441112692155,47 ?48 ????????// DNS 域名查询完成的时间.49 ????????//如果使用了本地缓存（即无 DNS 查询）或持久连接，则与 fetchStart 值相等50 ????????domainLookupEnd: 1441112692155,51 ?52 ????????// HTTP（TCP） 域名查询结束的UNIX时间戳。53 ???????//如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和 fetchStart一致。54 ????????connectStart: 1441112692155,55 ?56 ????????// HTTP（TCP） 返回浏览器与服务器之间的连接建立时的Unix毫秒时间戳。57 ???????// 如果建立的是持久连接，则返回值等同于fetchStart属性的值。58 ???????//连接建立指的是所有握手和认证过程全部结束。59 ????????connectEnd: 1441112692155,60 ?61 ????????// HTTPS 返回浏览器与服务器开始安全链接的握手时的Unix毫秒时间戳。62 ???????//如果当前网页不要求安全连接，则返回0。63 ????????secureConnectionStart: 0,64 ?65 ????????// 返回浏览器向服务器发出HTTP请求时（或开始读取本地缓存时）的Unix毫秒时间戳。66 ????????requestStart: 1441112692158,67 ?68 ????????// 返回浏览器从服务器收到（或从本地缓存读取）第一个字节时的Unix毫秒时间戳。69 ???????//如果传输层在开始请求之后失败并且连接被重开，该属性将会被数制成新的请求的相对应的发起时间。70 ????????responseStart: 1441112692686,71 ?72 ????????// 返回浏览器从服务器收到（或从本地缓存读取，或从本地资源读取）最后一个字节时（如果在此之前HTTP连接已经关闭，则返回关闭时）的Unix毫秒时间戳。73 ????????responseEnd: 1441112692687,74 ?75 ????????// 当前网页DOM结构开始解析时（即Document.readyState属性变为“loading”、相应的 readystatechange事件触发时）的Unix毫秒时间戳。76 ????????domLoading: 1441112692690,77 ?78 ????????// 当前网页DOM结构结束解析、开始加载内嵌资源时（即Document.readyState属性变为“interactive”、相应的readystatechange事件触发时）的Unix毫秒时间戳。79 ????????domInteractive: 1441112693093,80 ?81 ????????// 当解析器发送DOMContentLoaded 事件，即所有需要被执行的脚本已经被解析时的Unix毫秒时间戳。82 ????????domContentLoadedEventStart: 1441112693093,83 ?84 ????????// 当所有需要立即执行的脚本已经被执行（不论执行顺序）时的Unix毫秒时间戳。85 ????????domContentLoadedEventEnd: 1441112693101,86 ?87 ????????// 当前文档解析完成，即Document.readyState 变为 ‘complete‘且相对应的readystatechange 被触发时的Unix毫秒时间戳88 ????????domComplete: 1441112693214,89 ?90 ????????// load事件被发送时的Unix毫秒时间戳。如果这个事件还未被发送，它的值将会是0。91 92 ????????loadEventStart: 1441112693214,93 ?94 ????????// 当load事件结束，即加载事件完成时的Unix毫秒时间戳。如果这个事件还未被发送，或者尚未完成，它的值将会是0.95 ????????loadEventEnd: 144111269321596 ????}97 }; ???????