title: multiple document.ready()'s performance metrics
body: <p>I have several javascript files that during run-time get combined and minified. This is for an enterprise application with 10+ developers. There are document.ready functions all over the place causing 5+ second javascript load. I'd like more help in figuring out where the bottlenecks are by slowly removing pieces of functionality.</p>
  
  <p>E.g.</p>
  
  <p><strong>file1.js</strong></p>
  
  <pre><code>$(document).ready(function() {
    // 100s of lines of code
  });
  </code></pre>
  
  <p><strong>file2.js</strong></p>
  
  <pre><code>// 100s of lines...
  $(document).ready(function() {
  
    // 100s of lines of code
  
  });
  // 100s of lines...
  </code></pre>
  
  <p>I'd like to include some kind of metrics so I can slowly comment different functions and see what is actually making a difference. Essentially I need a way to monitor the overall time it takes for document.ready to run.</p>
  
  <p>I'm thinking maybe I can use jQuery to accomplish this. Maybe change all the $(document).ready's in my project to use the jquery wrapper and then put a timer around that. Alternatively I could run a function as the very first script (before the combined/minfied file is included) to start a timer. I'm just not sure when that timer could stop and display. Any ideas?</p>
  
  <p><strong>Edit:</strong>
  I know firebug can achieve this but I'm working on a huge enterprise application and firebug is unfortunately not an option for me at this time. I'm really hoping just to attach a number to the HTML. E.g.:</p>
  
  <p>document.ready time: 653ms</p>