浏览器请求时序分解--Chrome

1,003 阅读1分钟

image.png

时序分解可能出现的各阶段名词解释:

Queueing(排队):1. 有更高优先级的请求;2. 此源已经有六个TCP连接打开,这是限制。仅适用于HTTP/1.0和HTTP/1.1;3. 浏览器正在磁盘缓存中短暂分配空间
Stalled(停顿):1. 请求可能因排队中描述的任何原因而暂停
DNS Lookup(DNS查找):1. 浏览器正在解析请求的IP地址
Initial connection(初始连接):1. 浏览器正在建立连接,包括TCP握手/重试和协商SSL
Proxy negotiation(代理协商):1. 浏览器正在与代理服务器协商请求
Request sent(发送请求):1. 正在发送请求
ServiceWorker Preparation(ServiceWorker准备):1. ServiceWorker准备
Request to ServiceWorker(请求ServiceWorker):1. 请求被发送到ServicWorker
Waiting (TTFB):1. 浏览器正在等待响应的第一个字节。TTFB代表接收到第一个字节的时间。此计时包括1次往返延迟和服务器准备响应所用的时间
Content Download:1. 浏览器直接从网络或service worker接收响应。该值是读取响应正文所花费的总时间。大于预期值可能表示网络速度较慢,或者浏览器正忙于执行其他工作,从而延迟响应的读取。

查看发起方和依赖项

要查看请求的发起方和依赖项,请按住Shift键并将鼠标悬停在Requests表中的请求上。DevTools将发起方颜色设置为绿色,将依赖项颜色设置为红色。

查看加载事件

DevTools在网络面板的多个位置显示DOMContentLoaded和load事件的时间。DOMContentLoaded事件为蓝色,load事件为红色