What is the meaning of the line and line for each request in the "Network" section of the "Performance" panel?

In the Network section of the Chrome DevTools Performance panel (Chrome 59), each request has a row and a row. For example, look at ados.jsthe screenshot below.

performance panel

Here is the time interval for ados.js.

time bookmark

How do these two representations compare with each other?

+4
source share
1 answer
  • The left line is everything up to Initial connection(inclusive).
  • The light part of the panel Request sentand Waiting (TTFB).
  • The dark part of the panel Content Download.
  • - , . .

: https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference#network

P.S. , "" "": https://crbug.com/703335

+5

Source: https://habr.com/ru/post/1672755/


All Articles