Steve Souders, the Chief Performance Yahoo, has opensourced a tool for finding performance flaws in websites. YSlow implements Steve’s 13 performance rules as a Firebug plugin. He’ll be talking about it more at his talk at OSCON today. As Yahoo! Developer Network describes the plugin:
YSlow has three main views: Performance, Stats, and Components. Performance view scores the page against each performance rule, generates an overall YSlow grade for the page, and lists specific recommendations for making the page faster. Stats view summarizes the total page weight, cookie size, and HTTP request count. Components view lists each component (image, stylesheet, script, Flash object, etc.) in the page along with HTTP information relevant to page load times. It also contains several tools including JSLint.
The rules come from conducting A/B tests on Yahoo’s users. Over time they have been crystallized into:
- Make Fewer HTTP Requests
- Use a Content Delivery Network
- Add an Expires Header
- Gzip Components
- Put CSS at the Top
- Move Scripts to the Bottom
- Avoid CSS Expressions
- Reduce DNS Lookups
- Avoid Redirects
- Remove Duplicate Scripts
- Configure ETags
I ran YSlow on Radar. It was very informative but, as you can see we have a lot of room to improve our own performance.