How to optimize a web page for faster and better experience
November 11, 2010 by: upa_kid
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.
Have you found this script useful? Please support author by PayPal donation.- HTML script Tag
- JavaScript Where To
- Lighttpd client side optimization with mod_expire to controls the expire http header
- Reduce Apache’s Load With lighttpd On Debian Etch
- Install Lighttpd in 4 easy steps
- JavaScript How To
- mod_compress: Lighttpd Gzip Compression To Improve Download and Browsing Speed
- How To Configuring Urchin 6 Tracking To Analyze Website Logs
- Integrating eAccelerator Into PHP5 And Lighttpd (Fedora 9)
- How To Lighttpd Create Self Signed SSL Certificates