"No one is harder on a talented person than the person themselves" - Linda Wilkinson ; "Trust your guts and don't follow the herd" ; "Validate direction not destination" ;

July 10, 2010

Learning about website performance optimization

Yep. Very Interesting topic. I am learning by attending sessions and from my peers on website perf optimization. Couple of basic ideas

Basics Learning
How HTML, CSS and JS Work
  • HTML - Contains Text, body, paragraph
  • CSS - Font, Color, Size is defined in CSS
  • JS - Handling Events are defined in this file
Reference - How HTML, CSS and JS work together, CSS-Example
1. CDN (Content Delivery Network) - Delivering content based on Network Proximity. Duplicating data across multiple data centres. Downloads times would be reduced. More details CDN Link1, CDN Link2, CDN Link3
2. Image Spriting - Group Images together, Select Appropriate co-ordinates to display. One large image instead of several multiple small images. More Details Image Spriting1, CSS Sprites
3. Optimize the order of styles and scripts - I found this link extremenly good and self explanatory. Minimize round-trip times. "Browser delays rendering any content that follows a script tag until that script has been downloaded, parsed and executed".  By Adjusting the order download time can be minimized http://code.google.com/speed/page-speed/docs/rtt.html#PutStylesBeforeScripts
4. Combine external JavaScript - Combine multiple files into optimal files. http://code.google.com/speed/page-speed/docs/rtt.html#CombineExternalJS
5. Several other useful techniques Enable Compression, Optimize Images, Caching are provided..
6. A better way to load CSS

More Reading - http://code.google.com/speed/page-speed/docs/rules_intro.html
Even Faster Web Sites Presentation 2 - High Performance Web Sites
Best Practices for Speeding Up Your Web Site
WebPageTest Demo
Waterfalls 101: How to understand your site’s performance via waterfall chart
Let's make the web faster
Page Test Tools: Which results should you trust?
Three kinds of page test visuals, and the best ways to use them
JavaScript Architecture
Unit Testing JavaScript with FireUnit
RequestReduce - Instantly make any ASP.NET website faster with almost no effort!

Tools
Top 10 Free Online Broken Link Checkers
Top 10 Tools to Test Website Speed
Top 10 Websites That Let You Check If Links Are Safe


Happy Reading!!!

1 comment:

STARVIS said...

Very good read , esp. #3 something new to me.

Thanks