title: Why there is long pause between Js file download and ajax request it consist?
body: <p>I am trying to optimize the load timing of the Codeigniter based enterprise application. My basic structure is to load one basic html page which consist of sidebar, topmenu and basic skeleton. Also I load 5 js files which has some ajax requests. This ajax request brings the grid data as needed.</p>
  
  <p>Now the issue is while I was optimizing the time to finish the first complete paint, I noticed that there is a huge gap between one of my major ajax request start and the time to download the JavaScript file which has initialized that request as you can see in the below screenshot. </p>
  
  <p>Also Note that I have initiated the ajax function  as first block of the code as soon as possible once all JS files are loaded.  </p>
  
  <p><a href="https://i.stack.imgur.com/braUx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/braUx.png" alt="enter image description here"></a></p>