PerformanceTiming

PerformanceTiming_第1张图片

  1. navigationStart
    (前一个文档的卸载时间)准备加载新页面的时间,如果没有前一个文档,那么就返回timing.fetchStart的值

  2. unloadEventEnd
    如果要打开的页面和当前的页面同源,则返回用户unload事件执行完成后的时间点,如果当前文档不存在或者不同源,则返回0

  3. redirectStart
    如果是HTTP重定向,如果跳转都是同源的,则返回开始获取发起重定向的时间点,否则返回0

  4. redirectEnd
    如果是同源重定向,返回重定向请求接收完最后一字节的时间点,否则返回0

  5. fetchStart
    如果请求是用http get发起的,返回浏览器查缓存之前的时间点,否则返回发起获取资源的时间点

  6. domainLookupStart
    返回浏览器发起DNS查询的时间点,如果是长连接或者请求文件来自缓存等本地存储则返回fetchStart时间点

  7. domainLookupEnd
    返回结束DNS查询的时间点,如果是长连接或者请求文件来自缓存等本地存储则返回fetchStart时间点

  8. connectStart
    返回浏览器向服务器发起建立获取当前文档的连接请求的时间点,如果是长连接或者请求文件来自缓存等本地存储则返回domainLookupEnd时间点

  9. connectEnd
    返回与服务器建立完成连接的时间点,如果是长连接或者请求文件来自缓存等本地存储则返回domainLookupEnd时间点

  10. requestStart
    返回浏览器发起请求的时间,不管是向server还是本地缓存或存储

  11. responseStart
    返回浏览器拿到第一个响应字节的时间点,包括从服务器、缓存或者其他本地存储

  12. responseEnd
    返回浏览器拿到最后一个响应字节或者传输连接关闭的时间点,包括从服务器、缓存或者其他本地存储

  13. domLoading
    返回浏览器将当前文档状态设置成loading的时间点

  14. domInteractive
    返回浏览器将当前文档状态设置成interactive的时间点

  15. domContentLoadedEventStart
    返回浏览器触发DOMContentLoaded事件执行之前的时间点

  16. domContentLoadedEventEnd
    返回浏览器触发DOMContentLoaded事件执行完成的时间点

  17. domComplete
    返回浏览器将当前文档状态设置成complete的时间点

  18. loadEventStart
    返回浏览器触发load事件执行之前的时间点,否则为0

  19. loadEventEnd
    返回浏览器触发load事件执行完成的时间点

经典图片描述

PerformanceTiming_第2张图片

你可能感兴趣的:(javascript)