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.
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.
thanks
guide me to achieve it.
Eswar,
Thanks for commenting on this post.
I would try installing https://addons.mozilla.org/en-US/firefox/downloads/file/30781/yslow-0.9.5b2-fx.xpi
(yslow v0.9.5b2)
Please let me know if it works with this version.
Thanks,
Wim
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.