JS & CSS Compressor + Image Optimization(v.1.6.1)
- Decrease number of requests
- JS and CSS files minification (compression)
- HTML minification (NEW!)
- GZIP compression to reduce file size
- Image and Photo Optimization
Also available for Magento 2.
Image Optimization and JS/CSS files minification is one of the most crucial things
that must be implemented if you want to improve website performance.
There are two simple reasons why you should use this extension:
- Customers don't like slow sites. Studies say that customers leave a website if a page hasn't loaded in 4 seconds. Keep your users engaged by providing a fast performing Magento store.
- Search Engines don't like slow sites. Google factors website speed into its search ranking.
" I have tested all compressors and your is the best on the market " – Marcin, our happy customer from Poland.
Compressor extension for Magento is a powerful solution for reducing number of requests sent to web server. This extension optimize JS/CSS files and images. It will reduce file sizes of those files as well. Hundreds of happy merchants use Compressor extension on live websites.
Website optimization is one of the biggest trends in ecommerce. Many brands in 2016 realized and invested in performance optimization since website performance is about shopping experience and customer satisfaction.
Best with Full Page Cache
Full Page Cache extension is designed to decrease TTFB (Time to First Byte - the time period between a request from browser to server and response from server to browser). Full Page Cache can extremely speed up your store. You can use GTMetrix free service to check TTFB of your website. Learn More.
- Decreases number of requests to server
- JS and CSS files minification / compression
- HTML minification (NEW!)
- Inline small CSS
- GZIP compression to reduce file size
- Image Optimization
- Ability to exclude specific scripts from being Defer
- Advanced usage of browser cache
- Best with Full Page Cache by Potatocommerce (recommended!).
- Lifetime free support, bugfixes and extension updates;
- Free installation service included;
- The code of the extension is open
What is a “Merge” and why do you need it?
- delivering a request from a client to server (from browser to website);
- request processing;
- delivering response from a server to a browser.
Request processing of static content doesn’t take much time while most of the time are spent on delivering a request to a server and delivering a response to user’s browser.
The point of “merge” functions is to combine all JS/CSS files from the page into one single JS/CSS file. As a result, a browser will perform just one request to a server to download JS/CSS file. This leads to decreasing of time spent on loading JS/CSS files because there is only one request needed.
Moreover, server can handle only limited number of requests simultaneously while the rest of requests are standing in a queue. This leads to increasing of time spent on loading that web page as well.
The "JS/CSS Compressor + Image Optimization" Magento extension can merge (combine all files into a single file) not only native JS/CSS files, but also JS/CSS files of other modules, which are included correctly through theme layout.
What is a “Compression” (“Minify”) and why do you need it?
Time spent on downloading JS/CSS files depends on file size. The less is file size, the faster is downloading.
Compression allows reducing JS and CSS file sizes.
Usually, developers write code so that it would be easy to read and maintain the code. The problem is this code is not optimized and excess for browsers. This code should be optimized for productions websites. Compression is a process of conversion “human code” to “machine code”. This conversion is optimization of a code, example:
var variable = 1;
var bestVariable = 2;
After compression it will look like:
Browser doesn’t need comments, readable variable names, line breaks, tabulation and space symbols to “understand” the code.
Compression helps to reduce JS/CSS file sizes and thus decrease page loading time without affecting code quality and logic.
What is a “GZIP Compression” and why do you need it?
Text files can be greatly decreased by file archivers (for example, WinRar). Most browsers and web servers can send files using “GZIP” compression.
It works this way:
- server pack files using GZIP;
- packed file is sent from server to browser;
- browser unpack file using GZIP.
Thus, GZIP compression reduces file sizes and thus time spent on file delivering.
Our “Compressor” extension for Magento® allows providing a server with proper instructions to use this function.
First, a browser downloads HTML page. Then browser starts to analyze a page and during this operation, it loads all external files (JS & CSS files, images etc.).
A browser executes codes in series. It means that browser will not apply CSS files to a page before finishing JS file download. Thereby, a user will see a blank page all that time because JS and CSS files are usually included in the start of a page code.
If you will place JS files at the end of HTML document, then the rendering will not wait for downloading and execution of JS files. As a result, a user will see page content much faster.
What is an “Inline Small CSS” and why do you need it?
CSS files often have a small file size. Loading of this file consists of:
- Send request to server;
- Waiting for request being processed at server;
- Receiving response from server;
File size impacts only on the 3rd point of this process while 1st and 2nd points don’t depend on file size.
There is an opportunity to insert CSS content right into HTML document. It will slightly increase time spent 3rd stage of loading HTML document, but it will eliminate all stages needed for loading CSS files. As a result, a page will load faster.
What is an “Image Optimization” and why do you need it?
According to the httparchive.org, 64% of the page bytes are images. You can make the obvious conclusion that image optimization is the key way to significantly improve performance of web pages.
In its turn, images can not be significantly compressed by archivers (like GZIP). Images have often big file size (sometimes it is greater than 1 Mb) because they are not optimized for web. These images can contain information that does not impact on image displaying.
Image Optimization is a process that reduces file sizes and eliminates excess information. As a result, files with smaller file sizes are loaded faster.
Considering the fact that images often take most of a web page size, then this feature produces a significant result in general.
How does Image Optimization work? Is there any image quality loss?
Those utilities do not change image resolution. The utilities do not visually impair image quality neither. They just compress images in order do decrease its size. You can learn more about it at official websites of the utilities. By default, Compress optimize images without any quality loss; however, you can change the extension settings to optimize images with some quality loss (for example, 75-80%) to speed up magento even better.
Compressor extension has a feature to make a backup of all images in 'media' and 'skin' folders. The backup will be created just before starting image optimization. It optimizes original files so that original files are being replaced with optimized files. Our module has an option to exclude certain images from the optimization. However, we have never ever been reported about any problems with images after optimization.
Is it compatible with Redis and your Full Page Cache extension?
Is the Compressor extension compatible with CDN??
Our Compressor extension does not work directly with CDN. However, Compressor extension can work with CDN.
Compressor extension optimizes image on a local webserver, and then CDN caches images from this webserver. Thus, after Compressor optimized images, you just need to Flush CDN Cache (or upload images to CDN manually if your CDN does not support automatic synchronization).
1.6.1 (05 May 2017)
+ Enable lossy JPEG compression from the extension settings (recommended jpeg compression by Google PageSpeed service)
* Pre-set options updated
* Exec function checker removed
1.6.0 (24 Feb 2017)
+ HTML optimization (minify)
+ An option to choose cache directory for merged js/css files
1.5.1 (01 Dec 2016)
1.5.0 (13 Oct 2016)
+ Image Optimization Improvement:
Ability to set custom path to optimization libraries
Ability to set custom application options
1.4.2 (02 Aug 2016)
1.4.1 (14 Jul 2016)
1.4.0 (13 Jul 2016)
+ Image Optimization Improved
1.3.0 (09 Nov 2015)
* SUPEE-6788 security patch compatibility
1.2.0 (02 Jun 2015)
+ Ability to move JS files to body end
+ x64 UNIX support for image optimization
+ Add 'defer' attribute to script tag improve
1.1.1 (29 Apr 2015)
+ Ability to ignore some scripts in defer parsing
1.1.0 (17 Mar 2015)
+ Image optimization
* Small bugfix
* Code refactoring
* Performance and stability improvements
1.0.3 (17 Sep 2014)
1.0.2 (26 Jun 2014)
1.0.1 (28 May 2014)
* Big extension cache folder size problem fixed
1.0.0 (17 Mar 2014)
+ No conflicts with Full Page Cache
+ GZIP files
+ Decreases number of requests
+ Decreases file size using compression via minify library
+ Advanced usage of browser cache
Have another question?
- 37 Reviews
Brilliant extension, perfect support. 50% load times!!!!!I have a confession to make. I knew I had CSS errors which were stopping me from using the native minify settings under 'Developer' in 'System Configuration.
But I noticed some really great reviews for this extension, where people who had similar template issues upon install had gotten them fixed within 24 hours, as part of support for setting up the extension.
Sure enough, I installed the extension and had the same problems I had with the native settings. I reported to support and was greeted almost immediately. 24 hours later, the problems were all fixed.
On top of all that, my PageSpeed scores increased by 10% and reported load times down from 12 seconds to 6.1 seconds.
And optimises your images also! Bonus!
Must have module from an excellent team.
Give it a go.
Must have moduleMust have module. My shop loads fast now.
I has problem with web theme, but potato team solved it less than 1 day.
Great support and moduleI purchase Compressor by Potato and like it a lot. My shop is very fast now. Also guys helped install module on my shop and configured too! Great support and work of team!
I found just what I was looking forI appreciate, cause I found just what I was looking for. You have ended my 4 day long hunt! God Bless you man.
Very Good Extension, Fantastic Communication & SupportWe bought the Magento JS & CSS Compressor & Image Optimization as while Google gave our website (Magento Community Edition 188.8.131.52) a good mobile score it considered it slow. When we first installed the plug in there were a few issues. Potato Commerce were quick to help and the issues were sorted out quickly and professionally. I thoroughly recommend both this product and this company.
Awesome Extension and Support!These guys know their job. A++ professionals! Great service and fast support!
I highly recommend this extension if you need to optimize images on your website and compress JS and CSS.
Keep up the good work!
Awesome Support + ExtensionThe guys do a great job! Also they offer a great service when customizing. quick and not too expensive. Good price and reliable work.
cooperative and fast. I contacted them from time to time and each time get great support!
Another Great Optimization Extension from PotatoCommerceDoes what is says. It's a great way to compress those JS and CSS files as much as possible. Unlike the default Magento JS and CSS merging, this extension doesn't cause any issues.
must have extension!I use full page cache and minify css/js extensions from Potato Commerce and have seen great improvements to my site speed. Support is fantastic! I recently had help in updating the software and making sure it works with my theme. I'm really pleased with team's responsiveness. Keep up the good work!
Compressor and Full page CacheWe are using these 2 extensions from Potatocommerce with great satisfaction, easy to install and use, and have halved the load times of the site. The small issues we encountered was solved within 24 hours with help from the support team.
Good extensions and fast competent support. 10/10 would purchase extensions from them again
Keep up the great work
really great extensionThis extension really imporve my website performance. Little issuie but support was fast and great and fix it really fast. I highly recommend Potato Commerce extensions.
Excellent Product, Exceptional Service!Purchased this extension as part of their Magento Website Performance Improvement Service with included FPC & JS & CSS Compressor. these extensions alone have exceeded my expectations My website now loads in 2 seconds previously 8+ seconds.
As part of this turn key optimization process with some additional Customization Units the guys dived deep into my code looking for bad code and fixed the issues, installed Redis Cache and optimized my server. My server was consistently stressing at 80-99% CPU with 3 cores now it cruises below 40% CPU.
I can't praise the team enough, they have literally saved me thousands. They are definitely my GoTo team in times of technical need, highly recommended. Prompt professional service A+
This module should be strictlyThis module should be strictly
value was too high
Works great and amazing support!I purchased compressor along with their full page cache and both do an amazing job.
They work quickly and easily.
I had a couple of small issues, but their support was onto it straight away and sorted it all out the same day.
Really pleased with these purchases and highly recommend them.
Great extension and supportI installed the extension on 2 different stores. In one it worked perfectly from the first moment. Spectacular improvement.
In the 2nd there were many adjustments to make it work perfectly, but support was spectacular. They rewrote the extension adjusting it to my requirements and voila !. Fantastic
Excellent Performance Improvement ServiceI bought this extension as a part of Performance Improvement Service http://potatocommerce.com/magento-performance-service.html.
Potato JS & CSS Compressor provides a significant improvement and stable result. Highly friendly and professional support. Highly recommend.
An excellent Extension with an incredible supportSince 2013 we are using Potato Commerce Compressor and Login as customer at different templates and domains. Sometimes for our webshops, sometimes for the shops of our clients.
All the time we have found an incredible and fast support if anything not went fine and often the reason was absolutely not the extensions from Potato Commerce. In almost all cases the problem was well-founded in Magento or in the template itself.
Potato help in all cases successfull and fast and always fair.
However, the usefullness of the products and the kind of support you will often not find at products for the multiple price.
After all the time I can recommend Potato absolutely and in any case. The website runs smoothly and fine, they will always open for any enquiry- it's like support should be and a lot of companies and retailers in the www and outside in the real life should have a look on this company and their kind to work with the customers.
Excellent Quality and SupportThis extension works as advertised, and the support has been outstanding. I highly recommend Potato Commerce extensions.
They know their product!We had some small issues when we wanted to enable the JS features so I reached out to their support.
They had a quick response within a few hours and also useful feedback. A fix was provided and after that it worked like a charm.
So yes, I'd recommend this module! Quick and direct English communication.
Very good extension!This extension does exactly what it says!
No problems with installation.
I use community 1.9.1
Brilliant support!Excellent product and even better support, the dev added a new feature for me within 24 hours!
The best extension I've ever seen!If you are looking for an awesome navigation to improve the manageability of all your site Potato Commerce is the answer.
Good Free utility!This works as it says. If you get error 404 after installation you need to log out and back in again. This should be common practice for when installing new extensions anyway.
Extension shows 404 Not Found errorAfter installing this extension and clearing the cache, going to its config section displays a "404 Not Found" error. One cannot even enable the extension!
Hello and thank you for your feedback.
To fix this simple issue you need to logout from Admin and login again. It is an obligatory step for all magento extensions installations. Please also read our FAQ and README - http://potatocommerce.com/compressor.html#readme
404 Not FoundInstalled the extension and as i click on the config it pops up 404 Error
Must haveWork out of box! Magento 184.108.40.206
Page Speed Grade: (99%)
YSlow Grade: (90%)
Great!Easy to install and configure. No issues.
Must HavePretty Nice thing. For its price it is really state of art and must have thing.
Now it works wonderfulMany thx to Dmitry from potatocommerce for all the help. A wonderful support there. A small bug hit the Google Remarketing Tag. Now all went fine and we have a perfect site. Thx a lot to potato and 50 stars for this team.
Really Excellent extensionFirst installed, the extension messed up a little bit of my theme, and i wrote an email to the support team. and the support team solved it within a day. And after i used it for 3 weeks, it also got a problem with other 3rd party extension and again The support Team solved it within couple hours.
They explain in very detailed what caused the problems on the website and how they solved them. I never met the team like this that explain everything in detail.
Their supports are really really amazing. A+++. Don't believe with me?? Just try it
I recommend this extension to everyone.
PerfectI have 220.127.116.11 and this works flawlessly! Definitely a noticeable increase in speed. Thanks to the developers!
I had a problem with the installation and within an hour (on a Saturday) I received a response. Less than an hour later and the problem was resolved perfectly. Outstanding service.
Awasome really workGreat module . It really works . Kudo to developer.
I will recommend this extension.
Very nice app and awesome supportThe support team is excellente and the app funcionned as described thanks to them.
Works on magento 1.9.1
Great supportVery pleased with the extension as a whole, but the support was outstanding.
I had an issue with the extension not actually working as described. I contacted them and within 10 minutes they had replied and were happy to fix it for me.
The extension itself is brilliantly created and structured nicely. There are plenty of configuration options.
PerformantOk i have configured this module on my web site.
It's a great job for a free module.
Thank's you !
Great extension and supportGreat extension.
Does exactly what is promising.
Installed and tested successfully on Ver 1.9.0.
The support is also immediate.
The developer is fully controlling his software and taking care of functionality.
Thanks a lot for your good job!
Write Your Own Review
Requirements and recommendations
Our Compressor extension is multifunctional. If the next requirements are met, then our extension will work correctly on your website.
JS and CSS optimization:
1. JS and CSS optimization will work correctly if your theme hasn't rewrite conflicts. For example, if block app/code/core/Mage/Page/Block/Html/Head.php is rewritten, then our extension could not merge files declared in <head> page tag. However, we can help you to fix that problem;
2. We also recommend to include all CSS and JS files in layout (not in templates), so that our extension could handle them;
1. 'exec' function should be enabled on your server;
2. "gdlib" library should be installed on your server;
3. All files in folder lib/Compressor/img_optimization_tools must have '755' permissions!
- We recommend you to backup your store before installation
- Go to Magento Admin and disable compilation (Systems > Tools > Compilation > 'Disable' button) and flush store cache (System > Cache Management > 'Flush Magento Cache' button)
- Download the extension package from your account and extract the downloaded archive.
- Copy the content of extracted folder to your store's root directory
- Set 755 permissions on all files in lib/Compressor/img_optimization_tools folder. Important! Otherwise, image optimization will not work.
- Flush store cache again
- Log out from the backend and log in again. Important!
- If you want to enable compilation, then you should run compilation process (Systems > Tools > Compilation > 'Run Compilation Process' button).
- Go to extension configuration (System > Configuration > PotatoCommerce Extensions > JS / CSS Compressor), enable and configure the extension
- Disable native CSS and JS merge at System > Configuration > Developer.
- Flush store cache again
After installing "Compressor" extension my store gives 404 error or a blank page.
Go to Magento Backend, Flush Store Cache (System > Cache Management> 'Flush Magento Cache' button), Logout and Login again.
Go to Magento Backend, Flush Store Cache (System > Cache Management> 'Flush Magento Cache' button), Logout and Login again.
How do I exclude specific scripts or css files from being defered, compressed and minified?
Example of excluding file that included in layout:
After installing "Compressor" extension my frontend is broken.
Make sure that JS and CSS files of your theme are declared in theme layout. It should not be declared in templates. It is common Magento requirement. If your developer declares JS and CSS files in templates, then he is not a good developer.
How can I test my store performance? Can I check that your extension actually works?
We recommend using GTMetrix service. For example, you can test our demo store.
Image Optimization does not work. Why?
Please make sure all files in folder lib/Compressor/img_optimization_tools have '755' permissions.
If your server is not on Ubuntu OS, then manual compilation of image optimization applications may be needed.
Compressor extension is designed to fix issues which can be processed in automatic mode and which do not depend on website theme. They are:
- Enable gzip compression (for apache webserver)
- Inline small CSS
- Minify CSS
- Optimize images
Other problems can not be fixed automatically and thus can not be fixed via our extension (or any other competitor's extension). It can be fixed only via web-server configuration and website theme improvement.
Can Compressor minify HTML?
Yes! 1.6.0 version of the Compressor extension was improved with simple HTML minification.
Does "JS/CSS compressor" extension support Nginx?
Yes, the extension works with Nginx except "Enable GZIP" option. You need to enable Gzip-compression at your server settings. You can learn more at this page.
After extension installation there is Fatal error: Class ‘Potato_Compressor_Helper_Data’ not found in /home/www/public_html/app/Mage.php on line 547
It looks like you forgot to disable compilation before installation. If you can't go to Backend > Tools > Compilation and re-run compilation process (because of the fatal error), then you need to disable compilation manually. To do this please open config.php file in 'includes' folder. Find these:
you should comment lines like that:
Admin panel will be alive then. Now you need to go to Backend > Tools > Compilation and re-run compilation process. After that, everything should work fine.
Should I disable native Magento CSS and JS merge at System > Configuration > Developer?
Yes, native CSS and JS merge should be disabled at System > Configuration > Developer. Otherwise, it can lead to conflict with Compressor extension. Moreover, w don’t recommend using native JS and CSS merge functionality, because it causes more problems than good.
I need to edit CSS files. Which files should I edit?
If you use our Full Page Cache extension, then you would need to flush cache of Full Page Cache extension as well.
How to disable Compressor Extension?
Do not disable this module at 'disable module output'! Just go to Compressor settings and set "Enable" option to "No".
Is this Compressor extension compatible with SUPEE-6788 security patch?
Yes, Compressor extension is compatible with this patch since 1.3.0 version.
- Disable compilation (Tools > Compliation) if it's enabled
- Delete file app/etc/modules/Potato_Compressor.xml
- Fluch cache storage (System > Cache Management)
- Delete the following folders and files if they exist
media/po_cmp_image <-do not delete this folder if your want to retain the backup of images!
skin/po_cmp_image <- do not delete this folder if your want to retain the backup of images!
media/po_compressor <- do not delete this folder if your want to retain the backup of images!
- Remove table po_compressor_image from database
- Run compilation again if needed.
If FAQ did not help you, please, contact us with detailed information about your issue.
Magento EE 1.11.*, 1.12.*, 1.13.*, 18.104.22.168 - 22.214.171.124, 1.14.3.* Magento CE 1.5.*, 1.6.*, 1.7.*, 1.8.*, 126.96.36.199 - 188.8.131.52, 1.9.3* Compatible Browsers Chrome, Safari, Firefox, Opera, IE8+
- We Recommend
Each merchant knows for sure that load times take a toll on customers’ patience. So don’t make your customers wait!
Improve your Magento performance and let your business shine with our Magento Performance Improvement Service.
The service includes:
- Installation of JS/CSS Compressor + Image Optimization extension (regular price $199)
- Installation of Full Page Cache extension (regular price $99)
- Installation of Performance Monitoring extension (regular price $49)
- Qualified configuration of these extensions
- Server tweaks to improve your website performance
- Fixing of compatibility issues between our product and your theme or 3rd-party extensions
A reliable solution to significantly speed up your Magento store. Reduce your server load, decrease page load time and thus enhance website google ranking and sales conversion.
- Significantly speeds up your website. 150ms time to first byte are real! See our demo for the proof
- Cache crawler to keep cache always warmed
- Decreasing server load and reduces hardware requirements
- Easily add a block/page to exceptions list
- Per page statistics
- Clean code
Lifetime free support, bugfixes and updates.Learn More
Monitor performance of your store and web-server from Magento Admin Panel
- Track the CPU load and RAM usage in Magento Admin Panel
- Helps to identify the causes of high server load
- View CPU and memory load history
- Check top web transactions
- Email Alerts
- Identify weak hardware
Optimize images on your Magento 2 store automatically. Image Optimizer Magento 2 extension is an essential solution that compresses images and photos on your store.
- Free installation and Free LIFETIME support!
- Automatic backup of images
- Decreases filesize of JPG, PNG and GIF images
- Customizable image compression level
- Compatible with all officially supported web-servers
- Compatible with CDN
This service includes installation of Redis on your UNIX server and its configuration for Magento. Redis is an advanced key-value store with cache tags support.
- Improves Magento performance
- Replaces MemCached
- Can store data on disk with master/slave support
- Tested on Magento stores with more than 500.000 visitors daily. Performance is stable and great.