Chrome: `fetch` takes too long
<h1>Update:</h1>

<p>I changed the API from <code>fetch</code> to <code>XMLHttpRequest</code> and I still see the problem.</p>

<p>According to the console logs the delay is between "<strong>readyState 1</strong>"(i.e. OPENED) and "<strong>readyState 2</strong>"(i.e HEADERS_RECEIVED).</p>

<p>Also, maybe it is worth mentioning, that in Firefox it works fine.</p>

<hr>

<p>I would appreciate a couple of pointers on how to debug why the call to <code>fetch()</code> takes 1 sec in chrome.</p>

<p>According to "network" tab the request took only 12ms. However in my logs and the "timeline" tab the <code>fetch()</code> takes 1.06 sec. (Screenshots below).</p>

<p>Any tips on how to figure out what is stalling the <code>fetch()</code>?</p>

<p>Network Tab screenshot:
<a href="https://i.stack.imgur.com/cQoTQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cQoTQ.png" alt="enter image description here"></a></p>

<p>Timeline Tab screenshot:
<a href="https://i.stack.imgur.com/hnSoH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hnSoH.png" alt="enter image description here"></a></p>