How to determine what in my script is blocking my HTML rendering?

Posted by Vicki on Stack Overflow See other posts from Stack Overflow or by Vicki
Published on 2010-04-08T14:19:21Z Indexed on 2010/04/08 14:33 UTC
Read the original article Hit count: 292

I have a web application that uses quite a bit of JavaScript.

When the page loads, it's very clear visually that something is blocking the rendering of a particular portion of the web site. This portion is generated by a Tabber Tabify JavaScript library.

How can I determine what's blocking the HTML rendering specifically so that I can modify my code to prevent this blocking?

Can I use Firebug, or some other tool, to walk through my HTML/JavaScript to determine where the HTML rendering is being blocked and if so, how?

UPDATE:

YSlow gives my web-application a score of "A" and Page Speed give a score of 94/100.

UPDATE 2:

The live site is linked below.

http://www.uptownelite.com/index.uncompressed.html?city=Dallas,TX

What I'm specifically referring too is the actual Tabs themselves being rendering (and NOT the panel content inside the tab panes). It seems strange to me that the Tab headings themselves are taking so long to generate on the first (empty cache) page load.

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about html