title: Chrome: `fetch` takes too long
body: <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>