YSlow, firefox add-on to determine Why your website is slow

Recommended Videos

High Performance Web Sites and YSlow
High Performance Web Sites and YSlow
Google I/O 2010 - Optimize your site with Page Speed
Google I/O 2010 - Optimize your site with Page Speed
Wordpress tutorial 2019 - How to optimize a slow loading wordpress site - speed up wordpress
Wordpress tutorial 2019 - How to optimize a slow loading wordpress site - speed up wordpress
How To Find Out Your Page Load Speed
How To Find Out Your Page Load Speed
Make the Web Fast: Measuring Performance with Google Analytics Site Speed Reports
Make the Web Fast: Measuring Performance with Google Analytics Site Speed Reports

YSlow tells you why each page on your website is slow. If a page can be improved, YSlow lists the specific changes to be made. Yslow is a Firefox add-on integrated with Firebug and is available for free download. Since YSlow is integrated with Firebug, you need to first install Firebug before installing YSlow.If you do not have firefox,

YSlow workflow:

YSlow crawls the DOM to find all the web components on the webpage including images, scripts, stylesheets, etc. Then YSlow loops through Firebug’s Net Panel components and adds those to the list of components already found via the DOM crawl.

YSlow reads the characteristics of each web component like size, Expires header, whether it was gzipped, etc. in the second pass. YSlow primarily looks for these information from Firebug’s Net Panel, if it is available. If the web component’s characteristics are not available from Firebug’s Net Panel (for example, in cases where the component is read from cache or it has a 304 response) YSlow makes an ajax request (XMLHttpRequest) to fetch the component and read its headers and other characteristics necessary to determine the performance of the web page.

YSlow finally calculates the overall performance grade for the web page by assigning grade for each of those characteristics, based on Yahoos 34 rules or best practices for high performance web sites, and finding a weighted average of the individual grades for each rule.

How does YSlow calculate grade for each of the performance rules?

YSlow uses the components’ HTTP response headers to compute a score for each of the 34 performance rules or best practices for speeding up a website. For example, YSlow uses the Expires header to evaluate Rule 3, and the ETag header for Rule 13. If necessary, YSlow gets this header information by re-requesting the components using XMLHttpRequest, but this takes time and CPU.

YSlow handles DHTML, Ajax and Web 2.0:

YSlow analyzes all the components in the page, including components downloaded using these Web 2.0 techniques. If these dynamically loaded components are missing an Expires header or aren’t gzipped they will be reported by YSlow, as expected.

If your Web 2.0 page dynamically downloads components after the onload handler or uses Ajax, you can measure these components by disabling the YSlow Autorun option, and instead launching YSlow manually after all these requests are done.

YSlow free download:

5 comments on “YSlow, firefox add-on to determine Why your website is slow
  1. […] YSlow, firefox add-on to determine Why your website is slow (0) […]

  2. Nice find. Let me try this one.

    Nirmal’s last blog post..Zune Dark Theme for Firefox

  3. Great addon. I was looking for something like this. Seems like my blog is pretty slow coz of extensive use of some scripts.
    Thanks for sharing this

    Kanak Bhandari’s last blog post..Windows System Restore backs up virus also, Tips to Remove Bloodhound.Packed.Jmp trozan

  4. Hey, this is really very useful.

    Thanks for sharing. I am going to give it a try.
    🙂

    Rakshit’s last blog post..Recover/Hack Lost Instant Messenger Passwords

  5. That’s a good one. Thanks for sharing.

    Asia’h Epperson’s last blog post..The Funny Thing About Blogosphere

  6. I’ll try it

Leave a Reply

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

*