- Start clean with CSS and XHTML. The first thing I did was unlink the main 5 thousand line CSS file along with a handful of others which was wreaking all kinds of havoc. I then went into every view, standardized the overall HTML structure (so it could hold it’s own without any CSS), and then only added in the CSS that was used.
The initial results:
Total HTTP Requests: 192
Total Size: 1353141 bytes
After the first stage (finished today), the general results:
Total HTTP Requests: 67
Total Size: 693064 bytes
After stage two is completed – I think I can get those numbers down by another half.
“80% of the end-user response time is spent on the front-end. Most of this time is tied up in downloading all the components in the page: images, stylesheets, scripts, Flash, etc. Reducing the number of components in turn reduces the number of HTTP requests required to render the page. This is the key to faster pages.”