谷歌浏览器《计时功能》--整理

参考链接:谷歌浏览器开发文档-需*

请求生命周期的主要阶段:

谷歌浏览器《计时功能》--整理
对应图的解释:
MDN PerformanceTiming

可使用下面查看:

performance.getEntriesByType(‘resource’).filter(item => item.name.includes(“css”))

谷歌面板说明

谷歌浏览器《计时功能》--整理

  • Queuing
    • 请求优先级
    • 请求被搁置以等待即将释放的不可用TCP套接字。
    • 请求被搁置,因为浏览器在HTTP 1上每个源上只允许六个TCP连接。
    • 创建磁盘缓存项所花的时间(通常非常快)
  • Stalled/Blocking
    • 在请求能够被发出去前的等等时间。包含了用于处理代理的时间。
  • Proxy Negotiation
    • 处理代理的时间。
  • DNS Lookup
    • 查找DNS的时间。
  • Initial Connection / Connecting
    • 用于建立链接的时间,包括TCP握手及多次尝试握手,还有处理SSL。
  • SSL
    • 完成SSL握手的时间。
  • Request Sent / Sending
    • 发起请求的时间,通常小到可以忽略。
  • Waiting (TTFB)
    • 等待响应的时间,具体来说是等待返回首个字节的时间。包含了与服务器之间一个来回响应的时间和等待首个字节被返回的时间。
  • Content Download / Downloading
    • 用于下载响应的时间