JavaScript Minifiers & CSS Minifiers

JS Minifiers compress JS code to save bandwidth, browser cache, and speed up js processing: e.g. google closure, UlgifyJS, Yahoo YUI compressor, Mozilla Esmangle, Packer by Dean Edwards, JavaScript Minifier by Douglas Crockford. Compressor Rater is an Excellent Tool also, which compresses your script by several engines and gives you result of which may work best with your specific javascript file: http://compressorrater.thruhere.net/

Also see CSS minifier comparison: http://www.phpied.com/css-minifiers-comparison/

However, many believe google closure ADVANCED mode gives best results, but requires to write code specifically for it (i.e. time spent learning it may not be worth the benefits for many): https://developers.google.com/closure/compiler/

Comparisons of Minifiers/Compressors

JS Source Map

Have you ever found yourself wishing you could keep your client-side code readable and more importantly debuggable even after you've combined and minified it, without impacting performance? Well now you can through the magic of source maps.

Reference: Where did this code come from? http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

Usage Example

delete either php or javascript after

<code php/javascript
code goes here

Server Side Code

code goes here

Client Side Code

Client side code is inherently insecure and error prone. It should be used to reduce load on server, and input verified by server. Please include server verification code also in this section.

Description, change title as needed

code goes here

Candidate Code Suggestions

Add your suggestions and links here.