title: Preload script without execute
body: <h2>Problem</h2>
  
  <p>In order to improve the page performance <strong>I need to preload scripts</strong> that I will need to <strong>run on the bottom page</strong>. </p>
  
  <p>I would like to take control of when the script is parsed, compiled and executed.</p>
  
  <p>I must <strong>avoid the script tag</strong>, because it is <a href="http://developer.yahoo.com/performance/rules.html#js_bottom">blocker for common render engines</a> (geeko, etc).</p>
  
  <p>I can't load it using <strong>defer</strong> property, because I need to control when the script is executed.
  Also, <strong>async</strong> property is not a possibility.</p>
  
  <p>sample: </p>
  
  <pre><code>&lt;html&gt;&lt;head&gt;
  //preload scripts ie: a.js  without use the script
  &lt;/head&gt;&lt;body&gt; ..... all my nice html here
  //execute here a.js
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>This allows me to maximize the render performance of my page, because the browser will start to donwload the scripts content, and it will render the page at the same time in parallel. Finally, I can add the script tag, so the browser will parse, compile and execute the code. </p>
  
  <p>The only way that I could do that is using a hidden image tag. (This is a simplified <a href="http://www.phpied.com/preload-cssjavascript-without-execution/">version of Stoyan</a>)</p>
  
  <p>i.e.</p>
  
  <pre><code> &lt;html&gt;&lt;head&gt;
   &lt;img src="a.js" style=display:none;&gt;
  &lt;/head&gt;&lt;body&gt; ..... all my nice html here
   &lt;script src="a.js"&gt;  
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <h2>Question</h2>
  
  <p>I didn't find any problem using this technique, but does anyone know a better way to do this?
  Is there any meta prefetch? </p>
  
  <h2>Additional information</h2>
  
  <p>I'm using <strong>requirejs</strong>, so I'm trying to preload the modules code, without executing it, because this code depends of DOM elements. </p>