Tag Archive for Javascript

How to improve the performance of your website.

webperf

Optimize images

Optimize image will boost the performance of your web page and reduce the load time of the page

The image created using the Image editor such as Photoshop or illustrator looks marvelous but is often very large in size. So if you use these images on the web it will slow down your web page. You should avoid using big size pictures. It unnecessarily delays the page upload process. You can use the graphics but it need to be optimized for the web. Use only .gif and .jpg formats. If the pictures size is large try using some on-line graphic optimizing tools. They help in reducing the picture size by almost half the size with no visible decrease in picture quality.
Use thumbnails (clickable miniature versions of a picture), If a user is interested in the picture, he can click on the thumbnail and wait until the full size picture is displayed.

Minify CSS

Minify CSS refers to removing unnecessary  character, extra spaces, line breaks, tab, and indentation from the code in order to reduce it size and improves the load time.You can use the tool cssmin.js  | YUI Compressor or refer the website http://cssminifier.com/  to minify the CSS online.

Minify JavaScript

Compacting JavaScript code can save many bytes of data and speed up downloading, parsing, and execution time.In the case of JavaScript, this improves response time performance because the size of the downloaded file is reduced. Two popular tools for minifying JavaScript code are  Closure CompilerJSMin and YUI Compressor.
It is recommend minifying any JS files that are 4096 bytes or larger in size. In addition to minifying external scripts and styles, inlined <script> and <style> blocks can and should also be minified.

Enable Gzip compression

Gzip is a software application used for file compression and decompression Gzip detects similar strings within a text file and replaces those strings temporarily to make the overall file size smaller. It is more effective on web since CSS & HTML files use good amount of repeated text and have lot of whitespaces. It Compress  webpages and style sheets, common strings  before sending them over to the browser , which help in reduce page size & style sheets by up to 70%

Gzip need to be enabled on the webserver. The browser sent the request to the webserver which in turn check if the server has gzip enabled.  If it’s enabled it receives the Gzip file which is considerably smaller in size & if it isn’t, it receives the uncompressed version of the web page which is much larger in size.