Fooman Speedster

Fooman Speedster

Speed up your store by combining, compressing and caching JS and CSS. This extension reworks how Magento handles the loading of JavaScript and CSS. It utilises the Minify library developed by Steve Clay and released under a BSD license. See the attached screen shots for a before / after comparison on my setup.

If you are running Magento < version 1.4 please use version 1.1.3 of this extension  - available via the Releases tab.

* Javascript AND CSS are combined into one file each
* compression even without gzip support on your server
* Automatic Versioning - every time you update one of your JS/CSS files a new url gets created forcing the customer's browser to request the new version (be sure to update the Magento cache as well)
* Minify does its magic to ensure that CSS images are properly served no matter what package/interface/skin you are using.

* needs mod_rewrite enabled / .htaccess support
* Installation of CANONICAL URLs by Yoast breaks this extension. A work-around is posted here.
* Installation of MXPERTS JQUERY BASE breaks this extension. Tips are posted here.

1.) After installing this extension via Magento Connect make sure that /lib/minify/m.php is executable (permissions like 755 on the file itself and the containing folder should work) and /var/minifycache is writeable.

1.) Add the following to your .htaccess
############################################
## Compress, Combine and Cache Javascript/CSS
RewriteRule ^(index.php/)?minify/([^/]+)(/.*.(js|css))$ lib/minify/m.php?f=$3&d=$2

Directly underneath the Rewrite Base Rule and the workaround for HTTP authorization rule.

2.) After installing this extension via Magento Connect make sure that /lib/minify/m.php is executable (permissions like 755 on the file itself and the containing folder should work) and /var/minifycache is writeable.

If you are running a multi store set up please follow these instructions . Additionally add a symlink to the lib folder. Please note the above instructions apply to FOOMAN_Speedster 0.7.0 and above and are slightly different to previous versions.

Minifying JS and CSS takes a while to compute (~20seconds on my machine). This only needs to be done once per JS/CSS combination and is then written to a cache. To make sure the cache gets filled up simply browse your store and your customers should have a faster experience than before.

Advanced: For installation on a non-Standard Linux installation check out the ISAPI2 and Nginx threads.

For users of versions 0.7.0 - 0.7.6 please note that editing /app/design/frontend/YOURINTERFACE/YOURTHEME/layout/page.xml is not needed any more. Please change it back to the original validation.js instead of validation-4min.js

Please review all the steps listed in this thread. It has the most common errors with solutions listed - when posting any questions please include the output of the 4 steps listed. Don't disable the output of Fooman_Speedster under Configuration > Advanced - it will make your site unusable. To uninstall either use Magento Connect or edit /app/etc/modules/Fooman_Speedster.xml (change true to false). Additional support can be obtained through our website.

2.0.7 re-packaged to hopefully prevent chmod error during Magento Connect installation
2.0.6 enhancement and bugfixes for folder detection in m.php
2.0.0 easier installation - no need to edit .htaccess file any longer
       (you can remove the snippet from the root .htaccess file if you have upated)
       reshuffled minify library -> extension can now be used in conjunction with Magento's compiler
1.2.0 remove validation-4min.js - extension now requires Magento 1.4+
1.1.3 only replace the correct validation.js
1.1.0 fix canonical url output, updated bundled validation.js to newer build

see here for more.