JS/CSS Compression & minify - User Interface Optimization
-
2364 Popularity Score
Popularity ScoreReferrals to Site/Downloads
0
1+
250+
1000+
10000+
Learn more
Magento Connect 1.0 change
Loading platform data and releases... - Developer Info /
- Profile
- Support
- Extensions
- Overview
JS/CSS Compression & minify - User Interface Optimization
Do not hesitate to fork this project, share your changes or have an issue, visit the GitHub repository
I don't receive any notification if you post a review. So contact me directly instead if you have any issue. Thanks.
Donation
Invite me for a drink (thank you for your donation):
Minify and Optimize Javascript and Cascade Style Sheet Files
This module allows you to optimize and minify your css and js files by allowing you to use different available libraries and methods. It's completely configurable following the capabilities of each library.
- Available libraries CSSTidy, JSMin ( Douglas Crockford), Google Minify (Same as the one of Fooman Speedster) or the YUI Compressor (Java required).
- Compatible with the merging CSS and JS feature of Magento
- Works with any css and js files included in layout files using action methods: addCss, addJs, and addItem (skin_js, skin_css and js)
- It doesn't modifiy your originals files
- Update the optimized files when the original are modified automatically or periodically (sunday at 2:00 or configurable via Magento cron). Generate a unique file to force browser refreshing if the file has been modified.
- Compatible with https website and relative urls. (it fixes a bug in Magento prior to 1.5.1)
- Force refreshment of the browser cache if content of css or js has been updated.
Canonical URL
Inspired by the module from Yoast, this feature allows you to create canonical urls of your catalog (products, categories, search products and cms pages). Please visit the website of Yoast for more information: http://yoast.com/articles/magento-seo/
This feature is implemented in this module too, to help you to have less as possible different modules.
HTML and CSS validator
- Enable / disable each function
- Use the W3C Webservice validator
- For testing purpose, display at the bottom of each page of your Magento frontend the validation of your CSS or HTML. Don't use both otherwise it will be slow to display each page.
- Allow you to configure default and / or fallback values (doctype, charset, language, ...)
- Allow you to define a local HTML validator server for quickest validation and local development (No local CSS validator server available for the moment). In local development, you need to do it otherwise the W3C Validator could not get access to your local development website.
Requirements
- If you wish to use YUI Compressor. Java on your server is required. You need to provide in the configuration of this module, the path of the binary if different of the environnement default one.
Optionaly:
- For those who use the CommerceBug module, contact me to give you the scripts for it. The script for CommerceBug display the W3C validator for HTML and CSS.
Documentation:
- Follow the instructions in the configuration page
- In case of Access Denied in the backend: clear your cache, logout/login. In case, it still doesn't work, save again the user role in System > Permissions > Roles.
- This module is not compatible with Fooman Speedster and Yoast Canonical Url modules. Deactivate them before to use this module by editing the app/etc/modules/MODULE_TO_DEACTIVATE.xml of the module and set enable to false.
Profiling
As promised, I provide you below the statistic of compression and ratio by using the different libraries:
Compressed/Minified file statistic and comparison by using default Magento template, sample data, configuration for Diglin User Interface Optimization module is for all by default. Only the method to compress/minify is changed. Merging file has no influence on compression but has influence on number of HTTP requests which is also an important point.
**** JS compression (analyzed with YSlow):
- no compression, no miniying, no merging: 329.8 Kb
- JSMin (unmerged, no gzip): total 230.4Kb (31% of compression)
- JSMin (merged, no gzip): total 230.4Kb
- JSMin (merged, gzip): total 56.8Kb (compression 83%)- YUI compressor (unmerged, no gzip): total 193.6 Kb (compression 41%)
- YUI compressor (merged, no gzip): total 193.6 Kb
- YUI compressor (merged, gzip): total 52.6 Kb (compression 84%)- Packed (unmerged, no gzip): total 133.5 Kb (compression 59%)
- Packed (merged, no gzip): total 133.5 Kb
- Packed (merged, gzip): total 44.5 Kb (compression 86.5%)**** CSS compression (analyzed with YSlow):
- no compression, no miniying, no merging, no gzip: 95.9 kb
- CSS Tidy (unmerged, no gzip): total 79.8 Kb (compression 17%)
- CSS Tidy (merged, no gzip): total 79.8 Kb
- CSS Tidy (merged, gzip): total 14.7 Kb (compression 85%)- YUI compressor (unmerged, no gzip): total 82.7 Kb (compression 14%)
- YUI compressor (merged, no gzip): total 82.7 Kb - YUI compressor (merged, gzip): total 14.5 Kb (compression 85%)- Google Minify (unmerged, no gzip): total 79.9 Kb (compression 17%)
- Google Minify (merged, no gzip): total 79.9 Kb - Google Minify (merged, gzip): total 14.9 Kb (compression 84.5%)CONCLUSION:
- for JS: 1) YUICompressor 2) JSMin 3) Packed (for compatibility problem with Magento)
- for CSS: 1) CSSTidy 2) Google Minify (almost good as CSSTidy) 3) YUICompressorAuthor
* Sylvain Rayé
* http://www.sylvainraye.com/
* @sylvainraye
* Follow me on github!Donation
Invite me for a drink (thank you for your donation):
- Release Notes
Add automatic versioning for merged css/js files
2013-05-24 17:32:19 Magento Connect 2.0
Magento Connect 2.0
If files are updated the content was changed but the filename generated was the same. Now the filename is changed to force browser to refresh cache. Thanks to mystix for the fixLibrary and theme updates
2013-01-02 16:19:38 You must choose from Magento Connect Version 1.5.1.0 or 2.0.
Learn moreMagento Connect 1.0 change
Move themes files to the folder app/design/frontend/base/default, update yuicompressor to version 2.4.7, generate css/js file per store and not globallyImprovements Canonical Url Generator & some cosmetic changes
2012-02-06 00:05:30 You must choose from Magento Connect Version 1.5.1.0 or 2.0.
Learn moreMagento Connect 1.0 change
- Version 1.3.0: improve canonical url generation, improve some configuration parameters, remove the option JS Packer because incompatible with Magento - Version 1.2.0: improve compatibility with compilation feature of Magento, add a js/css flush button directly in the configuration page - Version 1.1.0: rewrite some classes of the minify libraries to respect PHP 5 and prevent some errors, change the module name, make it compatible with compilation feature of Magento, add canonical url feature for SEO - Version 1.0.10: fix type for css files stored in /js/ folder - Version 1.0.9: make correct package for Magento prior to 1.5 - Version 1.0.8: make it compatible with 1.5 and some improvements. - Version 1.0.2: add cron task to allow to update compressed/minified js/css files periodically - Version 1.0.1: fix a missing config element class, this class seems to exists only since 1.4.1 or moreMinifing and Optimizing your CSS and JS files with different libraries (YUI, Packer, CSSTidy, JSMin). Get info about your page with W3C HTML and CSS Validator. Create canonical url of your catalog products
2012-01-24 12:06:29 You must choose from Magento Connect Version 1.5.1.0 or 2.0.
Learn moreMagento Connect 1.0 change
* Minifing and Optimizing: This module allows you to optimize and minify your css and js files by allowing you to use different available compression libraries and methods. It's completely configurable following the capabilities of each library. - Available libraries CSSTidy, JSMin, Packer, Google Minify or the YUI copmressor. - Compatible with the merging CSS and JS function of Magento - Works with any css and js files included in layout files using action methods: addCss, addJs, and addItem (skin_js, skin_css and js) - Doesn't modifiy your originals files - Update the optimized files when the original are modified automatically or periodically (cron task) - Compatible with https website and relative urls. (it fixes a bug in Magento priori to 1.6) - Create canonical url of your catalog products to prevent duplicate content and improve your SEO * HTML and CSS validator - Enable / disable each function - Use the W3C Webservice validator - For testing purpose, display at the bottom of each page of your Magento frontend the validation of your CSS or HTML. Don't use both otherwise it will be slow to display each page. - Allow you to configure default and / or fallback values (doctype, charset, language, ...) - Allow you to define a local HTML validator server for quickest validation and local development (No local CSS validator server available for the moment). In local development, you need to do it otherwise the W3C Validator could not get access to your local development website if it's on your local computer. * Canonical URL Inspired by the module from Yoast, this feature allows you to create canonical urls of your catalog (products, categories, blog, cms page). Please visit the website of Yoast for more information: http://yoast.com/articles/magento-seo/ * Required: - If you wish to use YUI Compressor. Java on your server is required. You need to provide in the config the path of the binary if different of the environnement default one. * Optionnaly: - For those who use the CommerceBug module, contact me to give you the scripts for it. * Documentation: - An assistant will be available soon - Follow the instruction in the configuration page - In case of Access Denied in the backend: clear your cache, logout/login. In case, it still doesn't work, save again the user role in System > Permissions > Roles.Minifing and Optimizing your CSS and JS files with different libraries (YUI, Packer, CSSTidy, JSMin). Get info about your page with W3C HTML and CSS Validator. Create canonical url of your catalog products
2012-01-24 09:06:45 You must choose from Magento Connect Version 1.5.1.0 or 2.0.
Learn moreMagento Connect 1.0 change
* Minifing and Optimizing: This module allows you to optimize and minify your css and js files by allowing you to use different available compression libraries and methods. It's completely configurable following the capabilities of each library. - Available libraries CSSTidy, JSMin, Packer, Google Minify or the YUI copmressor. - Compatible with the merging CSS and JS function of Magento - Works with any css and js files included in layout files using action methods: addCss, addJs, and addItem (skin_js, skin_css and js) - Doesn't modifiy your originals files - Update the optimized files when the original are modified automatically or periodically (cron task) - Compatible with https website and relative urls. (it fixes a bug in Magento priori to 1.6) - Create canonical url of your catalog products to prevent duplicate content and improve your SEO * HTML and CSS validator - Enable / disable each function - Use the W3C Webservice validator - For testing purpose, display at the bottom of each page of your Magento frontend the validation of your CSS or HTML. Don't use both otherwise it will be slow to display each page. - Allow you to configure default and / or fallback values (doctype, charset, language, ...) - Allow you to define a local HTML validator server for quickest validation and local development (No local CSS validator server available for the moment). In local development, you need to do it otherwise the W3C Validator could not get access to your local development website if it's on your local computer. * Canonical URL Inspired by the module from Yoast, this feature allows you to create canonical urls of your catalog (products, categories, blog, cms page). Please visit the website of Yoast for more information: http://yoast.com/articles/magento-seo/ * Required: - If you wish to use YUI Compressor. Java on your server is required. You need to provide in the config the path of the binary if different of the environnement default one. * Optionnaly: - For those who use the CommerceBug module, contact me to give you the scripts for it. * Documentation: - An assistant will be available soon - Follow the instruction in the configuration page - In case of Access Denied in the backend: clear your cache, logout/login. In case, it still doesn't work, save again the user role in System > Permissions > Roles.- Reviews
About the Developer
This extension was developed by and is supported by diglin
JS/CSS Compression & minify - User Interface Optimization 31 31Site crash Same problem as Sopedro. After installing this extension, my website became inaccessible. Be sure that you really need this extension before install it. ### Même problème que Sopedro. Site devenu inaccessible depuis l'installation. Soyez certains d'en avoir réellement besoin avant de l'installer. Magento 1.7.0.2 March 18, 2013Test in magento 1.7.0.2 Hello I've installed in magento 1.7.0.2 and apparently there was no error. I active the javascript compression and in the configurable products not load the options in the dropdown. ¿Any sugestion? Later, when I active the CSS compression my css disappears. Has anyone solved? Thanks. February 26, 2013Good! Working on 1.7.0.2 with Varnish Hi! I had varnish installed on my server with the Turpentine extension by Nexcess and Fooman's Speedster Advance was giving me some issues. Hence I was looking for alternatives to minify my css and js. Chanced upon this and must say its performing as expected, no problems at all. There is no "theme optimiser" like what Fooman has, but this extension does its one job well -- minifying js & css. Recommended. February 25, 2013This extension oppened a backdoor and my site was hacked immediatly . all javascript stops work and sincerelly i don't know how much i lost. i just know about the site condition because customers call me . spent 24h to clean all the stuff....:( January 28, 2013Installed on a clean 1.7.0.2. Clicking config page in system->config gives a 404. Tried reinstalling, did not change anything. January 13, 2013Installed on 1.7.0.2, had to re-install once but then worked without any issues. Thanks for this great extension ! December 1, 2012This made my site faster but isnt show on admin panel. I have magento 1.7.0.2 October 18, 2012Hello Boss, You are providing a nice module . you have decleared that it will not work togather with Fooman Speedster and Yoast Canonical Url modules . i want to use SEO Suite Ultimate with this module and SEO Suite Ultimate module uses Yoast Canonical Url . the problem is how can i use both module in my site. October 5, 2012Hi I have noticed that after manually refreshing the css/js cache, the initial loading time of my site is abnormally long, ~15 seconds instead of ~4. Of course this is only happening on the first visit after the page, following page loads will be faster than without your module. The initital request however takes a while and I fear it might drive customers away. September 24, 2012Hello, I tried this module but with my setup i found no increase with speed. Again this maybe due to my setup but i would like to say the developer responded to my emails with lightening speed and offered much help in getting it working. I would happily recommend using his services to anyone that they might help, and i will be looking at his other extensions. September 23, 2012- Q&A
- (5 Questions : 0 Answers)
Product Q&A
Ask your questions. Share your answers.
Avatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26142906My site crashed after i enabled this extension ,
Note: i) i cleared cache ii) did reindexing
when i see the file names of css " styles_1_cp.css "
the file is very much present
can you please help what im i missing out as im newbie to magentobychandanv-3 months, 3 weeks agoAvatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_256266Hi,
I realise that CSSTidy is ignoring my media query css entries and the mobile view is not showing up.
I tried using the highest compression and it would not work.
Was wondering how can I configure csstidy to work with media queries?byAndrew C-3 months, 2 weeks agoAvatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_25891532Can i use this together with GTspeed extension?
Regards,
Coerbycoer-3 months, 1 week agoAvatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_26213462When CSS Compression/Optimization is enabled it breaks my mobile iphone theme. Is there a way I can exclude that theme and only have it compress my default desktop theme?
By the way, I'm using AheadWorks iphone theme.byibeau-3 months, 1 week agoAvatar Image Url:: http://www.magentocommerce.com/images/avatars/uploads/avatar_25916109I can't find the configuration settings in 1.7.0.2. Please guide mebyBright Ideas-1 month, 1 week ago1 of 11 of 1 - Get Help
Support for This Extension
The best place to start if you need help with a specific extension is to contact the developer. All Magento developers have both a contact email and a support email listed.
Magento Platform Support
If you need support for a Magento platform, there are different options for support depending on which Magento platform you are using. Below are links for specific platforms.
All
All
