YSlow is a new web tool published by Yahoo. It let you test a total of 13 rules against your web site to check if it is efficient.

YSlow is an addin to Firefox integrated in the web development tool Firebug.

You might read the rules that are verified on this page : Thirteen Simple Rules for Speeding Up Your Web Site and the documentation is on this page : YSlow User Guide.

There is also a screencast on this page : YSlow Podcast Interview and Screencast Demo.

Performance view

YSlow analyze the web page and generate a global mark and one mark per rules tested.

This is the gui of YSLow showing the result of the analysis of Tech Head Brothers main page. You can see the global mark of C (not so bad ;) and the different marks per rule. For example a D for the rule “Make fewer HTTP requests”. You can opne up each section that didn’t get a A to see what might be better.

We can see on the previous picture that YSlow identified that we are doing 11 requests for different JavaScript files. When you click on the rule you get a new web page with the explanation of the rule.

Stats view

YSlow compute the total size of a web page with and without the use of the cache and also give you some information on cookies.

You can see clearly the impact of the cache on your web application. On the previous screen shot you see that the browser needs to download 127.3 Kb with 21 HTTP requests without the cache and this numbers drops to 28.2 Kb and 5 HTTP requests with.

Components view

You get also a complete list of all the components of your page, included their type, URL, expiration date, gzip status, loading time , size and ETag.

The last menu let’s you display the whole Javascript and CSS used by your web page to get a global view. It gives you also a web page with the result of the test on one page. The last part is JSLint checking the Code Conventions for the JavaScript Programming Language.

 

YSlow is a tool that might be usefull when you come to the optimization of your web site.