How do I delegate some javascript (rendering the page) to have higher importance then other javascript (fetching data)
<p>Right now my mobile web app on startup goes and talks to a few apis when it is lunched. These are intertwined with the javascript that renders the page.</p>

<p>When they fire at the same time page rendering gets all choppy, possibly because the rendering is using hardware acceleration, or maybe it's just normal on mobile (iphone) when running too much JS at the same time.</p>

<p>I want to architect the app in a way that if something like a user taking an actions to change the rendering of the page, or anything related to the UI is fired, it takes precedence over any other JS.</p>

<p>I want the experience to be quick and snappy even if it makes some action (talking with apis) take longer then it should. </p>

<p>Any idea how to achieve something like this?</p>

<p>Thanks!!!</p>
