We found that most web users are ignoring the website which is slow. As a user they want the web application to be responsive performance. In recharge, we found that 60% of people want that their page should be loaded within 5 seconds. Sometimes 3 seconds too much for them. This may be for the not updated browser, but excluding that it depends on your site HTML, CSS, JavaScript, image and server also.

 

There are many sites who are helping you to check your site performance like GTmetrixGoogle DevelopersQuick Sprout.

 

The processes of optimization are given below.

1. The images on the site should optimize.

2. No inline or page CSS should be in the site.

3. The CSS and js should be compressed.

4. No repeat of the same query.

5. Enable Gzip Components.

 

 

 

1.         Now, on that day any users want a good quality of the picture on the viewed site. But a good picture menace the size of the picture is defiantly large. There are so many tools to optimize images. We used a software Riot which can reduce the size of the image but its quality or regulation remains the same.

 

 

It can use in batch so you can optimize more than one image in one time.

 

 

 

2.         Inline CSS like or page style CSS are responsible for slow your site. Please transfer them to your style.css or any other CSS file. As an example…

Before:

<div style=”color:#dbdbdb;”>Button</div>

Change it to:

<div class=”button-style” >Button</div>

In *.css file:

. button-style { color:#dbdbdb; }

 

It’s a very difficult task. Because the class name may be connected one to another. So, take your time and if required take help from any designer.

 

 

3.         In Magento site, you can compress your CSS and js file from admin section.

Go to magento admin panel >> System >> Configuration

 

 

Then click on Advanced >> Developer

 

Now change

Merge JavaScript Files   : Yes

Merge CSS Files             : Yes

 

 

But if your site not in Magento you can take help of online performance testing site like GTmetrix. Once run your URL to this site. It will refer you which CSS file have to merge and it will give you the merged file also.

 

 

The link “optimized version” give the merge file of the CSS file. Now replace the old CSS file with new optimized version. The same processes apply for js file also. In that way, you can minify the size of the files and page loaded time.

 

 

4.         Search if there any repetition of SQL query, then reduce them. So that it deduces execution time. For Magento site go to lib/varien/Db/Adapter/Pdo/Mysql.php. And edit (if not already there) the file to

protected $_debug         = true;
protected $_logAllQueries = true;
protected $_debugFile     = 'var/debug/sql.txt';

For each page clear the sql.txt file and run the page, then you will find the SQL queries for every page. It will overwrite every time. From these, you will find any repetition of an sql query. If so, then you can cut the unnecessary part.

 

 

5.         As page performance testing site there are also site for testing that the site is Gzip enabled or not. Like Check GZIP CompressionWhatsMyIpGIDNetwork etc. First, check it. If not then do the following steps to enable Gzip.

 

Gzip compressing is a server-side implementation. It was just three simple steps. Gzip works by compressing content before transmitting it to the user, leading to a faster page load.

 

Step 1. Login to Cpanel

Step 2. Find “Optimize Website”

 

Step 3. Select “Compress all content” and save.

 

 

This is a long process. So, do this after all implementation complete. I hope this article will help you to upgrade the performance of your website.