Speedup your ajax site with YSlow Firebug plugin v0.9 Release

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:

  1. Make Fewer HTTP Requests
  2. Use a Content Delivery Network
  3. Add an Expires Header
  4. Gzip Components
  5. Put CSS at the Top
  6. Move Scripts to the Bottom
  7. Avoid CSS Expressions
  8. Make JavaScript and CSS External
  9. Reduce DNS Lookups
  10. Minify JavaScript
  11. Avoid Redirects
  12. Remove Duplicate Scripts
  13. 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.

4 thoughts on “Speedup your ajax site with YSlow Firebug plugin v0.9 Release”

  1. i would like to download a yslow plugin which works on firefox v3.0.3 and firebug1.2.1, please redirect me appropriate location for download of Yslow.
    i had installed yslow0.94 but it is not compatible to work on FF 3.0.3.
    please do help me.


  2. I do maintain 2 FF installs side by side, a 2.x line with all plugins that do work nicely and another one with 3.x and some plugins. A lot of plugins are really bad on 3.x 🙁 But this also keeps 3.x from getting slower…

    I used Lori & YSlow! for improving the condition of a customer and they rock. You also still want the old WebDeveloper toolbar for editing some stuff like CSS in full & some images work.

Leave a Reply

Your email address will not be published. Required fields are marked *