Online Optimization Tools

There are the following tools with the help of which you can determine the performance of your website, you just need to pass the url of your website to these tools and they will provide you the feedback/ performance of your site.

1.YSLOW

2.Pingdom

3.Page Speed

4.GTMetrix

Steps to Optimize website

1.Compression with GZip

Compressing the content for sending greatly reduce the time needed to process each request.

 

How to enable the GZip in Cpanel

Open Cpanel then select optimize Website ->then select compress all content option on the next page and apply changes.

 

2.    Minimize Redirect

URL Redirect generally used to link page to another page. Web Developer must avoid the url redirect because each redirect create an additional HTTP request and RTT (round-trip-time). The more redirection you have, the slower user will get to the destination page.

3.Reduce DNS Lookups

(Domain Name System) to resolve IP address for a given hostname or domain name and the browser cannot do anything until the process is properly completed.

4.Add Expires Headers

By using Expires headers these components become cacheable, which avoids unnecessary HTTP requests on subsequent page views.

Open .htaccess file and write the following code Add Expires Headers


# disable caching forthis directory mod_expires for this directory
ExpiresActive off


Header set Expires "Thu, 15 Apr 3015 20:00:00 GMT"

5.Do not Scale Images

Use images of the exact size what you require otherwise it takes more load to resize it.

 

6.Minify JS and CSS

Minification removes unnecessary characters from a file to reduce its size, thereby improving load times.So you should minify the js and css file. Online website which minify the js and css

JSMinifier           

CssMinifier

7.Use Image Optimization tools (like Smushit(http://developer.yahoo.com/yslow/smushit/

8.Configure ET Tags

Open .htaccess file and write the following code remove ET Tags

Header unset ETag
FileETag None

9.Use CSS Sprite

CSS Sprite technique reduce HTTP request each time a page is load by combining several (or all) images together on a single image file 

Use following script in your html file.

 

javascript:(function(){var%20spritemejs=document.createElement('SCRIPT');spritemejs.type='text/javascript';spritemejs.src='http://spriteme.org/spriteme.js';document.getElementsByTagName('head')[0].appendChild(spritemejs);})();”

or Use Sprite Me  Software

10.Use Cache

<?php ob_flush();  ?>

it store the data in the output buffer,next time when page data is loaded from this output buffer.

11.Put javascript at bottom and css on top

Moving style sheets to the document HEAD element helps pages appear to load quicker since this allows pages to render progressively

When JavaScript is downloading, the browser will not start any other downloads.