title: Javascript DOMContentLoaded has a mysterious 5-10 second delay
body: <p>I'm really confused about this. I have a reasonably dynamic page on a test site which uses Bootstrap's carousel (but I'm hoping it's my code, not theirs, that's wrong).</p>
  
  <p>Test page can be found here: <a href="http://bit.ly/ZjLl19" rel="nofollow">http://bit.ly/ZjLl19</a></p>
  
  <p>What you'll notice is as follows...</p>
  
  <ul>
  <li>The page starts to load</li>
  <li>The staff portraits begin to appear</li>
  <li>Then... <strong>nothing happens for about 5-10 seconds</strong></li>
  <li>After 5-10 seconds, a carousel appears with staff biographies and larger portraits</li>
  </ul>
  
  <p>Why is there this delay? I've looked in Webkit debugger and I can just see idle time in the timeline whilst <code>DOMContentLoaded</code> runs, before anything else happens. Any ideas?</p>
  
  <p>Thanks!</p>