Skip to content
15/06/2010 / dimarzionist

More real world facts on IE and heavy table based layout

The illustration to one of the previous posts about web-site performance. Two images below showing the same page rendering timeline (captured using Fiddler 2). Red line on both images indicates the moment in time when user will see the actual page data. The whitespace means browser just waiting for some script/image/media to be loaded doing nothing.

Heavy page (around 500k with all scripts and media) with table-based layout:

Same page after refactoring to CSS layout and some bits of JavaScript refactoring:


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: