Installing and Using YSlow for Code Review

YSlow is a browser add-on tool for FireFox, Chrome, Opera and Safari browsers. YSlow was initially developed by Yahoo. Now It’s maintained as an independent open source project at yslow.org. This tool reviews the web pages and suggests ways to improve their performance.

The performance improvement suggestions are based on a set of rules defined by Yahoo for high performance web pages. It has an option to validate the JavaScript with JSLint. But it is not compatible with JQuery. This tool can be used for debugging and performance tuning on websites or intranet web applications.

Installing and Using YSlow on Firefox Browser

Installing on Firefox browser:

  1. YSlow uses another firefox add-on Firebug as a base. So you need to install Firebug along with Yslow.
  2. Start Firefox.
  3. Go to the Firefox menu on the top left corner.
  4. From the menu click Add-on.
     YSlow On Firefox 1
  5. In the Add-ons Manager screen select Get Add-ons panel from the left.
  6. Search for firebug.
  7. Install the Firebug displayed in search result by clicking Install button.
    YSlow On Firefox Firebug Install
  8. After installing Firebug got to add-on search again.
  9. Search for yslow.
  10. Install the YSlow displayed in search result by clicking Install button.
    YSlow On Firefox Yslow Install
  11. Restart the firefox browser.

Using it on Firefox browser:

  1. Start Firefox browser.
  2. launch the website or intranet url you want to analyze.
  3. Click on the Firebug icon on the top right of the screen.
  4. The Firebog panel will be visible at the bottom of the browser.
  5. Click on the YSlow in Firebug.
  6. Click Run Test button.
    YSlow On Firefox 4
  7. YSlow will run the tests and display the results for the website or the you have opened earlier.
    YSlow On Firefox 5

 

Installing and Using YSlow on Chrome Browser

Installing on Chrome browser:

  1. Start Chrome browser.
  2. Go to Chrome Web Store.
  3. Search for yslow.
  4. Install the YSlow displayed in search result by clicking + ADD TO CHROME button.
    YSlow On Chrome 1
  5. YSlow will be installed to Chrome browser. You can see the icon on the top right just before the settings Icon.
    YSlow On Chrome 2

Using on Chrome browser:

  1. Start Chrome browser.
  2. Launch the website or intranet url you want to analyze.
  3. Click on the YSlow icon found on the top right just before the settings Icon.
  4. YSlow panel will open.
  5. Click Run Test button in the panel.
  6. YSlow will run the tests and display the results for the website or the you have opened.

For more details about this tool, go to YSlow Website.
See this article for the other code review tools I’ve used for .Net web application development.

 

2 comments for “Installing and Using YSlow for Code Review

  1. June 19, 2013 at 7:23 pm

    Cool post, but YSlow is no longer developed nor maintained by Yahoo! it’s an independent opensource project at yslow.org. The Yahoo! links are outdated. Thanks

    • June 19, 2013 at 8:45 pm

      Marcel, Thank you for the information. I’ve updated the article.

Leave your thoughts...