title: Reactjs takes too much time for content download in chrome?
body: <p><strong>Scenario</strong>:</p>
  
  <p>I have a page which loads additional data when scrolled to the end of the page. Most of the times the Content Download is slow and some times it is fast. Though, the response data is only few kb. This issue is only seen in chrome <em>(Chrome Version: Version 67.0.3396.99 (Official Build) (64-bit))</em>.</p>
  
  <p>What might be the solution here?</p>
  
  <p>In chrome, Content Download takes sometimes shorter time and sometimes longer time for same request.</p>
  
  <p><a href="https://i.stack.imgur.com/wf7VP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wf7VP.png" alt="Shorter time"></a></p>
  
  <p><a href="https://i.stack.imgur.com/WSdTx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WSdTx.png" alt="Longer time"></a></p>
  
  <p>The requests are to the same API.</p>
  
  <p><a href="https://i.stack.imgur.com/tnSe2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tnSe2.png" alt="Profiling"></a></p>
  
  <p><a href="https://stackoverflow.com/a/46715530/6892277">As suggested here, that frontend might be doing a lot of work!</a>
  So, I checked the profiling and it is not the issue.</p>
  
  <p>Why is there a lot of idle time in the second call? How to reduce the Content Download time?</p>
  
  <p><em>Edit</em>
  When click event is triggered in browser during loading, the content loads faster.</p>