title: jQuery reloads javascript resources upon initial page load
body: <p>I currently have a AngularJS (1.2.18) web application that uses jQuery (1.9.0) and other javascript files.</p>
  
  <p>I've noticed the site loads very slowly the first time before browser caching. I discovered in order:</p>
  
  <ol>
  <li>all my external javascript files load in parallel (jQuery included).</li>
  <li>my script 
  <code>&lt;script&gt;
  $.ajaxSetup({ cache: true });
  &lt;/script&gt;
  </code> loads to prevent jQuery from re-loading resources again.</li>
  <li>a long delay, during which jQuery reloads everything in step 1 serially as seen below.</li>
  </ol>
  
  <p><img src="https://i.stack.imgur.com/At9Yw.png" alt="jQuery reloads everything"></p>
  
  <p>Why is jQuery trying to reload all my resources again?  </p>
  
  <p>Doesn't <code>$.ajaxSetup({ cache: true });</code> caches all javascript jQuery needs?  </p>
  
  <p>The only difference I see between <code>cache: false</code> and <code>cache: true</code> is if a timestamp gets appended to the end of the reloaded resources.  In either case, all my javascript gets reloaded again.</p>
  
  <p>Thanks for the help!</p>