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:

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s

%d bloggers like this: