Site Speed Analysis With YSlow

This is a nifty little tool to add to your web development toolkit! Yahoo has developed a nifty website speed analysis Firebug extension. Yep. Not Firefox…FireBug. (Which I guess makes it a Firefox extension with a dependancy…but whatever). The extension is YSlow which Yahoo! describes as:

YSlow analyzes web pages and tells you why they’re slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular Firebug web development tool. YSlow gives you:

Install Firebug first!

  • Performance report card
  • HTTP/HTML summary
  • List of components in the page
  • Tools including JSLint

Once installed, the plugin adds its features onto Firebug itself, giving a few extra things to click on and view. (Note the added menu options at the top of the following image):

perfview

If you are curious about what to do with the data that YSlow provides, Yahoo has some nice docs as usual. Overall, this is a sexy little tool!

Firebug 0.4 Released. Can Web Development Be Any Sexier?

One of my must have extensions for firefox has a new version out! Firebug, if you don’t already know, is an Ajax/layout/javascript troubleshooter and is extremely well developed. In version 0.4, Firebug steps beyond the bounds of being a troubleshooter and can now be considered a full fledged debugger. Its new features include:

  • JavaScript Debugger
  • Stack Traces with JavaScript Errors
  • Debug JavaScript Errors
  • Logging levels and assertions
  • printf-like String formatting

For more info, check out the release notes!

(note: I found out about this on Ajaxian)