title: How to optimize "Parse HTML" events?
body: <p>While profiling my webapp I noticed that my server is lighting fast and Chrome seems to be the bottleneck. I fired up Chrome's "timeline" developer tool and got the following numbers:</p>
  
  <pre><code>Total time: 523ms
  Scripting: 369ms (70%)
  </code></pre>
  
  <p>I also ran a few <code>console.log(performance.now())</code> from the main Javascript file and the load time is actually closer to 700ms. This is pretty shocking for what I am rendering (an empty table and 2 buttons).</p>
  
  <p>I continued my investigation by drilling into "Scripting":</p>
  
  <pre><code>Evaluating jQuery-min.js: 33ms
  Evaluating jQuery-UI-min.js: 50ms
  Evaluating raphael-min.js: 29ms
  Evaluating content.js: 41ms
  Evaluating jQuery.js: 12ms
  Evaluating content.js: 19ms
  GC Event: 63 ms
  </code></pre>
  
  <p>(I didn't list the smaller scripts but they accounted for the remaining time) I don't know what to make of this.</p>
  
  <ol>
  <li>Are these numbers normal?</li>
  <li>Where do I go from here? Are there other tools I should be running?</li>
  <li>How do I optimize Parse HTML events?</li>
  </ol>