Firebug is probably one of the most helpful tools used when developing websites.
Specially, after JavaScript & Ajax became that much popular, it is hard to findout how we were developing & debugging without Firebug.
This great Firefox add-on, besides the ease of use & continious development by a talented team, has many features that make it a must-have like:
- working inside browser, no need to switch apps.
- being real-time, logging every request
- ability to edit code & see results instantly
- debugging JavaScript, measuring its performance & more..
It also has another feature, which is extendibility with help of Firefox add-ons.
There are various add-ons that can add more power to Firebug for creating better & faster. Here they are:

YSlow is a Firebug add-on for analyzing web pages and getting suggestions on ways to improve the performance (parallel with the rules for high performance web pages).
YSlow grades web pages based on the predefined rulesets or a user-defined one . It also provides tools for performance analysis, including Smush.it™ and JSLint.

Very similar to YSlow, it is an add-on by the Google team for evaluating the performance of web pages and, best of all, getting suggestions (based on "Web Performance Best Practices") on ways to improve them.
Page Speed automatically optimizes images & provides compressed ones foruploading later.
It can also detect JavaScript and CSS loaded that actually isn’t used for decreasing the total size of these files.
Read the rest of this entry »