How to 'minify' Javascript code

views:

479

answers:

+3 Q:

How to 'minify' Javascript code

JQuery has two versions for download, one is Production (19KB, Minified and Gzipped), and the other is Development (120KB, Uncompressed Code).

Now the compact 19kb version, if you download it, you will see is still a javascript executable code. How did they compactify it? And how can I 'minify' my codes like that too?

+5 A:

You could use one of the many available javascript minifiers.

Darin Dimitrov 2009-11-15 12:12:50

+1 A:

http://jscompress.com/

jldupont 2009-11-15 12:14:17

Out of the two options the packer seems to work quite well! Thanks

KalEl 2009-11-15 12:44:37

Google just made available a javascript compiler that can minify your code, elimiated dead code branches and more optimizations.

google javascript compiler

Regards
K

Khb 2009-11-15 12:15:47

+5 A:

There’s a nice comparison of JavaScript compressors you should take a look at.

Gumbo 2009-11-15 12:16:45

Thanks. When I click the view button, it shows something like my original code (for any of the compressors). Is it decoding and then showing it? Otherwise is there also any way I can see the compressed code too?

KalEl 2009-11-15 12:31:11

@KalEl: Click on *View* in the *Result* column to see the output.

Gumbo 2009-11-15 12:37:26

There is also free Minifier from Microsoft on codeplex. Microsoft Ajax Minifier 1.1 : http://aspnet.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=35893

It's easy to work with and does a good job.

Gal

Gal Ratner 2009-11-15 13:04:49

ansaurus

tags:

views:

answers:

How to 'minify' Javascript code

related questions