zoukankan      html  css  js  c++  java
  • 浏览器查看某接口的所需时间—前端开发笔记(4)

    上图为浏览器某接口的信息,我们平常都是看headers、response标签页,现在我们看timing标签页,这里可以分析一个请求所需要的时间,页面加载所需要的时间,我把这些信息整理出来方便以后查看,分析浏览器行为,提升前端代码性能:

    Queueing请求排队的时间。关于这个,需要知道一个背景,就是浏览器与同一个域名建立的TCP连接数是有限制的,chrome设置的6个,如果说同一时间,发起的同一域名的请求超过了6个,这时候就需要排队了,也就是这个Queueing时间

    Stalled是浏览器得到要发出这个请求的指令,到请求可以发出的等待时间,一般是代理协商、以及等待可复用的TCP连接释放的时间,不包括DNS查询、建立TCP连接等时间等

    DNS Lookup DNS查询的时间,页面内任何新的域名都需要走一遍 完整的DNS查询过程,已经查询过的则走缓存

    Initial Connection / Connecting 建立TCP连接的时间,包括TCP的三次握手和SSL的认证

    SSL完成ssl认证的时间

    Request sent/sending请求第一个字节发出前到最后一个字节发出后的时间,也就是上传时间

    Waiting 请求发出后,到收到响应的第一个字节所花费的时间(Time To First Byte)

    Content Download 收到响应的第一个字节,到接受完最后一个字节的时间,就是下载时间

  • 相关阅读:
    nodejs中处理回调函数的异常
    Web前端开发十日谈
    Android 高仿微信6.0主界面 带你玩转切换图标变色
    Android EventBus源码解析 带你深入理解EventBus
    Android EventBus实战 没听过你就out了
    究竟谁在绑架中国的4G政策?
    Android 实战美女拼图游戏 你能坚持到第几关
    oracle学习
    his使用-重置密码
    oracle中的DDL、DML、DCL
  • 原文地址:https://www.cnblogs.com/jjbHD/p/13331573.html
Copyright © 2011-2022 走看看