Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome DevTools - what does 'Queueing' means in the Timing tab?

In DevTools on the Timing tab you can see the following states:

enter image description here _

Except 'Queueing' all states are explained in the DevTools documentation. Do you know what browser does in the Queueing phase ? What queue are we talking about ?

Thx

Additionally it seems that Queueing can take place at the beginning of connection setup and also at the beginning of the 'Request/Response' phase ? enter image description here

like image 550
Rarar Avatar asked Dec 02 '15 13:12

Rarar


People also ask

How do I read DevTools performance in Chrome?

To access the Performance tab, navigate to the website you want to profile, then open Chrome DevTools by right-clicking and selecting Inspect. Select the Performance tab inside Chrome DevTools. The easiest way to capture a performance profile is by clicking the Start profiling and reload page icon.

What is stalled time in Chrome?

Stalled/Blocking. Time the request spent waiting before it could be sent. This time is inclusive of any time spent in proxy negotiation.

What is scripting time in Chrome performance?

To be able to visually identify what was going on when you profiled your website, Timeline is painted in different colors. JavaScript execution time is marked in yellow and it's called Scripting. The purple area shows the Rendering and the green parts of the Timeline show the Painting process.

How do I find the response time on my network tab?

# View the timing breakdown of a request. To view the timing breakdown of a request: Click the URL of the request, under the Name column of the Requests table. Click the Timing tab.


1 Answers

From: https://developers.google.com/web/tools/chrome-devtools/network-performance/understanding-resource-timing

Queuing

If a request is queued it indicated that:

  • The request was postponed by the rendering engine because it's considered lower priority than critical resources (such as scripts/styles). This often happens with images.
  • The request was put on hold to wait for an unavailable TCP socket that's about to free up.
  • The request was put on hold because the browser only allows six TCP connections per origin on HTTP 1.
  • Time spent making disk cache entries (typically very quick.)

Update from @cyptus comment:

With chrome v76 the network tabs will hide the CORS preflight (OPTIONS) request. The request that triggered this CORS will include the time the (invisible) OPTIONS request took in the queueing timing.

Update from @tamilsweet comment:

To show the CORS preflight follow Chrome not showing OPTIONS requests in Network tab

like image 193
Ernesto Campohermoso Avatar answered Nov 18 '22 06:11

Ernesto Campohermoso