Is it better to load many small JavaScript files or one large JavaScript file?
<p>I have noticed in chrome that if I load an image as a base64 string and then scroll through that part of the page it will slow down.</p>

<p>I have also noticed that when I navigate out of a tab with my Javascript in it and then move back to that tab it will be slow for a few seconds as though V8 is recompiling the js.</p>

<p>There are three options I can think of but I don't know which is best:</p>

<ol>
<li>load a tiny loading page first and handle subsequent loading eloquently</li>
<li>load one huge js or css file with everything (jquery + my code + etc)</li>
<li>clump certain codes together (use jquery cdn but group my code together)</li>
</ol>

<p>What is the best way to get your js loaded as quickly and eloquently as possible?</p>
