title: Should use Head.js or just minified scripts before </body> with scripts in the markup?
body: <p>I have the optimisation problem — my site uses 2 (pretty large) javascript resources: </p>
  
  <ol>
  <li>application.js (minimised jquery, jquery-ui, underscore-js and some shared scripts, 120KB total)</li>
  <li>controller-specific file (some modules required for the page + interactions, 4KB total)</li>
  </ol>
  
  <p>I have some scripts in the views that format/convert markup with JavaScript (dependable on both jQuery and my controller-specific JS code) so I need to wait either for $(document).ready or head.ready and it makes the part of website invisible to prevent the flash of unstyled content :(</p>
  
  <p>Now my question comes: should I use head.js for it or just stick with the "before " scripts? Are there any smart ways to speed up page loading time in this case?</p>
  
  <p>Update:
  Here's the part of the code (see versusio.com for full code, landing page):</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      ... usual stuff
      &lt;link (css stuff) /&gt;
      &lt;script src="head.js"&gt;&lt;/script&gt;
      &lt;script&gt;
        // Here some global variables are set like cache keys, actual locale code etc., not dependable on jQuery or any other JS code from the JS assets
      &lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
      ... page content
  
      &lt;div id="search"&gt;!-- here some code with the "display: none" style to prevent flash of unstyled content&lt;/div&gt;
      &lt;script&gt;
        // Here is code that positions and processes some styles and adds some interactions to the #search div
        Application.Position.In.Center($(#search), $(document));
      &lt;/script&gt;
  
      ... more page content
  
      ... another "display: none" div and accompanying script
  
      ... rest of the page content
  
      &lt;script type="text/javascript"&gt;head.js( { 'application': 'application.js' }, { 'landing': 'landing.js' } );&lt;/script&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>