What can be reason for slow content downloading from webserver?
<p>I'm trying to increase performance of webpage. I'm using ReactJS + webpack, which compiles my jsx files into one file - search.bundle.js. And server is returning this file for 2-3 seconds. File size is ~200KB. Is file size the only reason? 
On local server it works pretty well. But on remote webserver it is really slow..
There is Google Map and listing of items on page, which I get using ajax request. This is recursive request (while not get enough data, or timeout) which is called in componentDidMount, but as I understand it can't because it can start request items only after script is loaded on page.</p>

<p>So is there any way to achive more faster downloading this script? Or I should just try to reduce size of script?</p>

<p><a href="https://i.stack.imgur.com/pzouB.gif" rel="nofollow"><img src="https://i.stack.imgur.com/pzouB.gif" alt="This is examples of how it works now"></a></p>

<p>And some data from headers tab:</p>

<p>on local:</p>

<p><a href="https://i.stack.imgur.com/RcbqC.png" rel="nofollow"><img src="https://i.stack.imgur.com/RcbqC.png" alt="local headers"></a></p>

<p>on remote:</p>

<p><a href="https://i.stack.imgur.com/HtZKm.png" rel="nofollow"><img src="https://i.stack.imgur.com/HtZKm.png" alt="remote headers"></a></p>