A guide to High performance javascript
I’ve just been reviewing some of the recent materials by Steve Souders (previously of Yahoo, now at Google) on speeding up your javascript. He has powerpoint slides (from Web expo 2.0) on how you can load scripts in parallel and how to structure the loading of your scripts.
The powerpoint is a must for any web developer who wants to ensure their website can deliver high performance.
He reminds us that 91% of the time spent waiting for a webpage to render is spent on the the frontend. The frontend covers loading all of the CSS, javascript and images loading. The other 9% covers the request to the server and loading the base html!
This highlights the some focus on the frontend can make a huge difference in speeding up webpages.
Other resources:
- Best practices for web performance
- YSlow
- IBM page detailer to look at a page is loading.
- Youtube webcast part 1 and oreilly webcast part 2
- Cuzillion – Steve’s opensource tool to demonstrate how different page components affect page loading
May 13th, 2008 at 5:47 pm
One of the things added to the Dojo 1.1 release was the ability to cleanly load the entire toolkit after the page is loaded (ie. after window.onload has fired), which makes the content appear damn quickly and enhancements added by the Javascript to apply later.
More details in James Burke’s blog post, and a simple demo.
May 14th, 2008 at 12:56 pm
Something i came across.
http://www.jorendorff.com/articles/javascript/speed-test.html