chrome dev tool 使用技巧&知识点

1.chrome调试台中network的tineline中的waiting(TTFB)是什么？

TTFB (Time To First Byte)，是最初的网络请求被发起到从服务器接收到第一个字节这段时间，它包含了 TCP连接时间，发送HTTP请求时间和获得响应消息第一个字节的时间。

2.network面板名词解释，其中紫色的线表示DOMContentLoaded时间，即该时间点页面中的DOM建立完成，发生了DOMContentLoaded事件。红色的线表示Loaded事件，表示该时间点加载完了所有的资源，发生了load事件

Stalled/Blocking

Time the request spent waiting before it could be sent. This time is inclusive of any time spent in proxy negotiation. Additionally, this time will include when the browser is waiting for an already established connection to become available for re-use, obeying Chrome's  maximum six  TCP connection per origin rule.

Proxy Negotiation

Time spent negotiating with a proxy server connection.

DNS Lookup

Time spent performing the DNS lookup. Every new domain on a page requires a full roundtrip to do the DNS lookup.

Initial Connection / Connecting

Time it took to establish a connection, including  TCP handshakes/retries and negotiating a  SSL.

SSL

Time spent completing a SSL handshake.

Request Sent / Sending

Time spent issuing the network request. Typically a fraction of a millisecond.

Waiting (TTFB)

Time spent waiting for the initial response, also known as the Time To First Byte. This time captures the latency of a round trip to the server in addition to the time spent waiting for the server to deliver the response.

Content Download / Downloading

Time spent receiving the response data.

上面的粘贴文本是从google chrome dev tool上的复制过来的，链接为：https://developer.chrome.com/devtools/docs/network#resource-network-timing

3.audits：监察，可以通过此来查看移出不被使用的CSS规则和其他性能优化或者网络利用率等等