How to Speed Up OpenCart Store - SEO Optimization

Rate this item
(1 Vote)
Written by  Sumo
Thursday, 16 February 2017 14:50

How to Speed Up OpenCart Store - SEO Optimization - 5.0 out of 5 based on 1 vote

Your OpenCart websites are holding lots of products and it takes time to load the web pages? Did you think about contacting the server providers or buying extensions to help you increase the loading speed? Surely, you will have to pay them extra for this. Why don't you speed up your OpenCart websites by yourself without paying any extra cost?

How to speed up opencart store

We've collected the most useful methods to speed up OpenCart store that are extremely effective. Let's take a look at this example. It's checked via Google PageSpeed Insights before being optimized.

How to speed up opencart store

Steps to optimize OpenCart loading speed and improve SEO

1. Minify / gzip the CSS, Javascript and Jquery files

This is the most important part when optimize OpenCart speed that you need to minify CSS, javascript and other files using gzip/ Enable GZIP Compression.

Firstly, go to: System -> Settings -> Edit -> Click the “Server” tab and set the “Output Compression Level” to between 4 and 6.

Secondly, rename htaccess.txt to .htaccess in your OpenCart directory.

How to speed up opencart store

Then, open the .htaccess file and add the following code underneath the ReWrite rules:

# compress text, HTML, JavaScript, CSS, and XML
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

# remove browser bugs
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent

Save the changes and run the analyze again to see the improvement:

How to speed up opencart store

2. Enable browser caching

It's recommended to specify the browser to keep elements for 7 days before requesting everything again which should increase the load time considerably.

Note: Finish all development changes before enable browser caching because when you do this, it will be very difficult for development.

To enable browser caching, please copy these code lines to the .htaccess file:

ExpiresActive On
ExpiresByType image/jpg “access plus 1 week”
ExpiresByType image/jpeg “access plus 1 week”
ExpiresByType image/gif “access plus 1 week”
ExpiresByType image/png “access plus 1 week”
ExpiresByType text/css “access plus 1 week”
ExpiresByType application/pdf “access plus 1 week”
ExpiresByType text/x-javascript “access plus 1 week”
ExpiresByType application/x-shockwave-flash “access plus 1 week”
ExpiresByType image/x-icon “access plus 1 week”
ExpiresDefault “access plus 1 week”

Let's check the enhancement:

How to speed up opencart store

3. Optimize images / image size

The ideal size for each image is no more than 50kb. You can use free online image optimizer tools to reduce the image size or use the “Save for Web” tool in Photoshop to compress the image size. Besides, providing image width and height in the image tag will further help to efficiently load the page.

In conclusion, by following these easy methods, you can significantly improve the loading speed for your OpenCart websites. However, you should use premium fastest OpenCart themes which are guaranteed for loading speed and work flexibly.