JS & CSS Compressor + Image Optimization(v.2.2.0 + 2.1.1)
Improve your Google Page Speed and GTmetrix performance scores with this powerful solution for Magento optimization.
- JS and CSS files minification (compression)
- Image optimization
- Decrease number of requests and file sizes
- Image lazy load
- Merge of JS and CSS files
- Defer Parsing of CSS
- HTML minification
- Inline small CSS/JS
- ... and many more!
Also available for Magento 2.
Image Optimization and JS/CSS files minification are key ways to improve website performance.
There are two simple reasons to use our 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. Website speed is a ranking factor in Google search.
“JS & CSS Compressor + Image Optimization” extension for Magento is a powerful solution for reducing number of requests sent to a web server, image optimization, JS/CSS files compression and minification. Improve your Google PageSpeed and GTMetrix score with HTML compression, image lazy load and defer parsing of CSS/JS (fix a render blocking content). Hundreds of happy merchants use the extension on live websites. See the full list of features below.
Performance optimization of websites is one of the biggest trends in e-commerce. Many brands are investing in performance optimization, as they know for sure that store performance impacts the shopping experience and overall satisfaction of customers.Did you know?
- Optimize JPEG, PNG and GIF images
- Merge images (new and unique feature)
- Lazy load of images
- Set image dimension
- Serve scaled images
- Advanced management of image optimization
- Automatic backups of images
- Check image optimization status
(fix "render blocking content" issue)
- Add 'Expires' headers
- Minify CSS files
- Merge CSS files
- Inline small CSS
- Exclude specific CSS files
- Defer parsing of CSS
- Add 'Expires' headers
Other features, support and refund policy
- Magento Enterprise FPC support
- Varnish support
- Lifetime free support, bugfixes and extension updates
- Free installation service
- The code of the extension is open - it’s easy to make compatibility with 3rd-party extensions
- 30-day money back guarantee
Questions & Answers
What is Merge of files and why do you need it?
The Merge functionality of the extension allows combining all JS/CSS files from the page into one single JS/CSS file. When files are merged, a browser performs only one request to a server to download JS or CSS file of the page instead of several ones, which leads to decreasing of page load.
What is Compression (Minify) and why do you need it?
Time spent on loading JS/CSS files depends on file size: the less the file size is, the faster page load becomes. Compression allows reducing JS and CSS file sizes by eliminating comments, line breaks, tabulation and space symbols which are not necessary for a browser to ‘read’ the code. Thereby, page loading time decreases without affecting code quality and logic.
What is Image Optimization and why do you need it?
According to httparchive.org, 64% of the page bytes are images. So it is obvious that image optimization is the key way to significantly improve performance of web pages.
Image Optimization is a process that reduces file sizes and eliminates excess information. As a result, files have smaller size and are loaded faster. Our Compressor extension provides image optimization process without quality loss.
How does Image Optimization work? Is there any image quality loss?
“JS/CSS Compressor + Image Optimization” extension uses the utilities which are recommended by gtmetrix.com service: jpegoptim, optipng and gifsicle. They neither change image resolution nor impair image quality; but compress images to decrease their size.
“JS/CSS Compressor + Image Optimization” extension provides a feature to make a backup of all images in 'media' and 'skin' folders before starting the image optimization process. However, our customers have never across any problem with optimized images. Moreover, our module has an option to exclude certain images from being optimized if necessary.
While rendering HTML document, a browser is downloading resources (JS, CSS and images) the way they appear in the HTML DOM.
What is Inline Small CSS and why do you need it?
Loading of CSS file has 3 stages:
- Send a request to server;
- Wait for the request to be processed at server;
- Receive response from the server;
It’s better to insert content of small CSS files right into HTML document as they start working only on the 3rd stage. As a result, a page will load faster.
Is “JS/CSS Compressor + Image Optimization” compatible with Redis and your Full Page Cache extension?
Yes, our extension works with Redis for Magento which is used to accelerate work of Magento stores with different types of cache.
Full Page Cache is used to prepare generated cached content and thus, decrease Time to First Byte (TTF). Full Page Cache is a perfect supplement for any store and works with Compressor like a charm.
Is the “JS/CSS Compressor + Image Optimization” extension compatible with CDN?
Our “JS/CSS Compressor + Image Optimization” extension does not work directly with CDN. However, the extension can work with CDN the following way: after the extension have optimized images, you just need to Flush CDN Cache (or upload images to CDN manually if your CDN does not support automatic synchronization).
What are the following options for - “Lazy load”, “Set image dimension” and “Serve scaled images”?
Lazy load is a technology which allows holding over image loading until a user scrolls to a certain image. The usage of Lazy load improves overall page performance, which works for long pages and catalogues.
Set image dimension option is used to add height or weight image attributes if they are absent. It allows avoiding unnecessary repainting of a web-page and rendering pages faster.
Serve scaled images option enhances website performance through saving many bytes of data. It is very useful for mobile devices as such an option allows downloading re-scaled images instead of full-resolution image version.
What is "Merge of Images" feature?
2.2.0 version of Compressor extension has been enhanced with "Merge of Images" feature. It does not affect page appearance in any way, but it speeds up Magento store by reducing number of image download to one. It's hard to believe, but it works. Instead of making dozens of requests to download each image on product page, a browser will make only one request to download a single image file.
- 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 184.108.40.206) 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 it 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 220.127.116.11
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 18.104.22.168 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
Magento CE 1.5.*, 1.6.*, 1.7.*, 1.8.*, 22.214.171.124 - 126.96.36.199, 1.9.3* Magento EE 1.11.*, 1.12.*, 1.13.*, 188.8.131.52 - 184.108.40.206, 1.14.3.* Compatible Browsers Chrome, Safari, Firefox, Opera, IE8+
- 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/PotatoCommerce/ImageOptimization/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 use 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
To make the extension working properly on your web-server, please make sure that the following requirements are met:
JS and CSS optimization
- If you use Apache, then mod_deflate and gzip should be enabled on your server.
- exec function should be enabled
- All files in folder lib/PotatoCommerce/ImageOptimization/tools must have '755' permissions
- Media and Skin folders must be readable and writable by webserver user.
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:
skin_js js/smartheader.js po_cmp_ignore
Effective from 2.0.0 version of the extension, you can also use flags po_cmp_ignore_move and po_cmp_ignore_minify.
po_cmp_ignore_move ignores only merge and defer (it does not allow to move the node).
po_cmp_ignore_minify does not allow to compress content.
There is also a textarea added to the extension settings, which works same was as po_cmp_ignore flag does - it does not allow to move and compress the node. Strings which are added to the textarea, are being searched within URLs of scripts/styles, or in content if the nodes are inline (<script>...</script>, <style>...</style>).
How can I test my store performance? Can I check that your extension actually works?
Image Optimization does not work. Why?
If image optimization does not work on your website, then we recommend you to check:
- Please make sure that exec function is enabled
- Make sure that Media and Skin folders are readable and writable by webserver user.
- Make sure that all files in folder lib/PotatoCommerce/ImageOptimization/tools have 755 permissions. If it’s not, then set 755 permissions and try to start image optimization again.
- If your server is on Ubuntu OS and previos steps did not help you, then please contact us so that we can investigate the issue on the ground.
If your server is not on Ubuntu OS, then you should check if the applications are installed properly. To make this please do the following:
- Go to folder lib/PotatoCommerce/ImageOptimization/tools/unix (go to ‘64’ subfolder as well if you have 64-bit OS)
- Run the following commands:
- If you receive an error (for example, “segmentation fault (core dumped)”), then please refer to this article to fix this issue.
Which issues in the Google Page Speed / GTMetrix report does the extension fix?
Compressor extension is designed to fix the following issues:
- Enable gzip compression (for apache webserver)
- Inline small CSS
- Minify CSS
- Minify HTML
- Leverage browser caching (partially fixed)
- Serve scaled images
- Eliminate render-blocking CSS
- Specify Image Dimensions
Other problems can not be fixed automatically and thus can not be fixed by the extension (or by 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.
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, we recommend to disable native CSS and JS merge. We don't expect any conflicts here, but native merge can slightly slow down the work of our extension. You can disable native merge of files at System > Configuration > Developer.
I need to edit a CSS/JS file. Which file should I edit - original or merged and compessed?
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". If you can't access the Magento backend, then you can disable the extension this way - rename file app/etc/modules/Potato_Compressor.xml to Potato_Compressor.xml.OFF
Which js/css files does Compressor handle?
The "JS/CSS Compressor + Image Optimization" Magento extension works with both native js/css files and those which are added by 3rd-party modules through templates. However, we still recommend including resources through theme layout to avoid any possible conflicts and because it's common Magento requirement.
How to unistall the extension?
- 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 the database
- Run compilation again if necessary.
JS/CSS/HTML Compressor - 2.2.0 (12 Septemer 2017)+ Varnish support
+ EE FPC support
+ Merge images
+ ability to disable module by specific route
* unexpected message in system.log
Image Optimizer - 2.1.1 (12 Septemer 2017)+ more information for error description
* backup disabled if extension disabled in manual run
JS/CSS/HTML Compressor 2.1.0 (10 August 2017)+ ability to ignore merge of inline styles/scripts
+ support of CDN with different url regarding base url
+ knockout.js support
+ EE FPC support
* incorrect inline scripts when base url has subfolder
* js error when secure base url
* incorrect join of external css files
* incorrect result if js url has query
* some parser errors
* small bugfix
Image Optimizer 2.1.0 (10 August 2017)+ cronjob settings
+ file/folder permissions for new files
+ ability to manual start scanning/optimization
* logging error
* small bugfix
JS/CSS/HTML Compressor 2.0.2 (11 July 2017)+ default file/folder permission option added to settings
+ CDN support
* fix for SM_Market theme
* W3C validation fix
* utf8 fix
Image Optimizer 2.0.1 (11 July 2017)+ Ability to fast filesystem image search
+ Error logging improved
+ Compatibility with remote optimization service
+ Image grid improved
+ PNG optimization improved
+ JPEG quality system option
* ACL fix
* Fix for absent mime_content_type function
* Cronjob blocking other process
* Unexpected email notification to server administator
* Fix for incorrect scanning of images in filesystem
JS/CSS/HTML Compressor 2.0.1 (14 June 2017)* Fixed bug with incorrect paths of CSS files
2.0.0 (06 June 2017)+ Split to 2 extensions
+ Code refactoring
+ Extension logic changed - the extension has become more smart and flexible
+ Exclude scripts/styles from the extension settings
+ Serve scaled images
+ Image lazy load
+ Eliminate render-blocking CSS
+ Specify Image Dimensions
+ Inline small JS/CSS
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)* Bugfixes
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)* Bugfixes
1.4.1 (14 Jul 2016)* Bugfixes
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 Apr2015)+ 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 Sep2014)* Bugfix
1.0.2 (26 Jun 2014)* Bugfix
1.0.1 (28 May 2014)* Big extension cache folder size problem fixed
1.0.0 (17 Mar 2014)The initial release
- 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
Also available for Magento 2Learn More
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.