≡ Menu

faster web page

Howto: Create Faster Web Sites (13 rules to speed up website)

I've documented my own experience here about optimizing a web page for faster and better experience.

Yahoo developer network has published thirteen simple rules for speeding Up Your Web Site (via Daemon Dancing in the Dark)

How to optimize a web page for faster and better experience

You may have noticed that most my webpage are loading bit faster. Here is what I did:

a) CSS code moved to its own file and included CSS at the top

b) Removed unnecessary (read as fancy web 2.0 stupid stuff) external javascript snippets

c) I’ve moved external javascript to bottom of page/template engine. For example google analytics JS code moved to bottom of webpage.

d) Turn on Apache gzip/mod_deflate compression

e) Turn on WordPress caching

f) Turn on php script caching (I’m using eAccelerator)

g) Tweak MySQL for optimization. Turn on query cache and other settings.

h) If possible switch to lighttpd or use squid / lighttpd as caching server for old good Apache.

If you have tons of cash to burn (assuming that your web app demands performance):

  • Consider using CDN (Content Delivery Network) such as Akamai or SAVVIS.
  • Server load balancing

However there are some external JS script snippets such as Google Adsense which slows down loading of a webpage. In few months I may roll out a new template and I will try to fix this issue :)

I'm interested to know what other people's experiences with web page optimization. Feel free to share your tips.