title: Google Maps API - Slow loading javascript
body: <p>I am using Google Maps API to display a map on a certain page.</p>
  
  <p>Problem is that the file <code>http://maps.google.com/maps?file=api.....</code> sometimes happens to load very slow - decreasing the page's performance, because the rest of the JavaScript is first loaded on document ready, which its rarely reaches - because the browser locks up waiting for the file from Google.</p>
  
  <p>I have tried to move the JavaScript file from the <code>&lt;head&gt;</code> tag to under my content. But the rest of the JavaScript is never fired because the browser waits for the file from Google.</p>
  
  <p>Is there a way around this, or have anyone else experienced same problem? It began recently, and I have no idea why.</p>
  
  <p>This is my code, if anyone is interested:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;amp;v=2&amp;amp;sensor=true&amp;amp;key=ABQIAAAAa24xicak8_ghHX58i7La7hRFh9iM79SNC94rOejOtdMRvQmJiBS6Uv5F_1BNSh9ZuSzFXyekHISgew"&gt;    &lt;/script&gt;
  &lt;script type="text/javascript" src="/js/maps.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
      // Google Maps
      initialize();
  
      // Other JavaScript comes here....
  
     });
  &lt;/script&gt;
  </code></pre>
  
  <p>If I access </p>
  
  <pre><code>http://maps.google.com/maps?file=api&amp;amp;v=2&amp;amp;sensor=true&amp;amp;key=ABQIAAAAa24xicak8_ghHX58i7La7hRFh9iM79SNC94rOejOtdMRvQmJiBS6Uv5F_1BNSh9ZuSzFXyekHISgew
  </code></pre>
  
  <p>The file loads instantly.</p>