As a webdeveloper you’re probably already using the fantastic Firefox plugin Firebug. Features like inline editing of HTML, CSS, DOM inspection and HTTP requests viewer makes your developer life infinitely easier.
YSlow, a free plugin from Yahoo that works on top of Firebug additionally computes a performance grade report for your website.
Some of the rules it uses are:
- 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
- Make JavaScript and CSS External
- Reduce DNS Lookups
- Minify JavaScript
- Avoid Redirects
- Remove Duplicate Scripts
- Configure ETags
Implementing these performance improvements suggestions may speed-up your site greatly as according to Yahoo’s research almost 80% of the time is spent on the client side. So optimizing your Java server side code is not the only thing you should be focusing on 🙂
YSlow 0.9 improves the plugin for Web2.0 applications as it now supports AJAX requests, frames and iframes. There are several other new features and bug fixes described in the release notes including highlighting HTTP 404s, better detection of CSS expressions and JavaScript minification, and searching within the YSlow panel.