Sunday 6 November 2011

YSlow and Firebug

It is proven that for any web application images, Java Scripts files (.js) and CSS must proper . YSlow gives report and suggestion if any of above is not in proper way along with some other valuable suggestion. YSLow tools use the Yahoo’s best practice for Performance[1]. YSLOW works on 34 predefine rules set by the Yahoo team and generate report against rules[1].

After installing YSlow tool, small “YSlow” icon appear at the right bottom of the web browser[Image 1]. Now browse the application. YSlow gives the static result which May be bottleneck for application.

All points which YSLOW gives may or may not be relevant for your application. Considering the following points, site can improve significantly.

Following are some major finding/scenarios which can be identify using YSLOW.

Scenario

Problem

Resolution

1

There are some “Not Found” files which is taking more time to download or render.

Remove all not found files or set the proper path.

2

Some files are (.JS files) Aborted and takes longer time.

Remove or change the appropriate location for the file.

3

Application has many inline Java script and Style

Remove all the inline java script and style. Added into relevant CSS and JS files.

4

Some images are .BMP files.

Change .BMP to .GIF file. BMP file takes 190 KB and converted GIF takes less than 30 KB. Set the parameter that any files should not be more than 40KB (Exception allow for dynamic rendering images)

5

Club Images : Header of application is built using 6 to 10 images.

Try to club images to reduce hit to server.

6

Minify JavaScript and CSS

Removes unnecessary characters to reduce file size to improve load times. Use online tool for Minify JS and CSS files.

No comments:

Post a Comment