7 Free Tools to Minify your Scripts and CSS




I have been doing a lot of Client-Side development recently and I have found these 7 tools of great help to improve the performance of the website by ‘shrinking’ the size of JavaScript and CSS files, referenced in the site.

JSMin (JavaScript Minifier) - removes comments and unnecessary whitespace from JavaScript files

JSO (JavaScript Optimizer) - allows you to manage your JavaScript and CSS resources and to reduce the amount of data transfered between the server and the client.

Packer – An online JavaScript Compressor

JSCompress.com – Online tool that uses either JSMin or Packer to compress your files

CSS Compressor – Online tool that compresses your CSS file

DigitalOverload JavaScript Minifier – Online tool that minifies your JavaScript files and finally the one I use most frequently:

YUI Compressor – A JavaScript minifier designed to be 100% safe and yields a higher compression ratio than most other tools.



Will you give this article a +1 ? Thanks in advance




About The Author

Suprotim Agarwal, ASP.NET Architecture MVP works as an Architect Consultant and provides consultancy on how to design and develop Web applications.

Suprotim is also the founder and primary contributor to DevCurry, DotNetCurry and SQLServerCurry. He has also written an EBook 51 Recipes using jQuery with ASP.NET Controls.

Follow him on twitter @suprotimagarwal

comments

11 Responses to "7 Free Tools to Minify your Scripts and CSS"
  1. Celso Endo said...
    November 3, 2009 at 5:42 PM

    Hi!
    There is also ShrinkSafe from Dojo.
    It can be used without dojo toolkit and it's based on Rhino (Javascript engine from Mozilla). I use Shrinksafe and never had a problem! Very good!
    http://dojotoolkit.org/docs/shrinksafe

  2. Zubin said...
    May 29, 2010 at 5:19 AM
    This comment has been removed by the author.
  3. Zubin said...
    May 29, 2010 at 5:20 AM

    How about the google closure compiler, they even host your optimized JS:


    http://closure-compiler.appspot.com/home

  4. kevin said...
    May 29, 2010 at 5:54 AM

    Another online css compressor
    http://www.miniwebtool.com/css-compressor/

  5. MickeyC said...
    May 29, 2010 at 11:28 AM

    I wrote a couple of articles a while ago about minifying css/javascript on the fly. They utilise a mod_perl handler which intercepts outgoing css/js and compresses them on the way out. Compressing CSS on the Fly and Compressing JavaScript on the Fly

  6. Anonymous said...
    November 10, 2010 at 7:18 PM

    Here is another tool. You add it to your asp.net web site and it then minifies and combines the CSS files (and the JS files too):

    http://www.codeproject.com/KB/aspnet/CombineAndMinify.aspx

  7. print said...
    December 10, 2010 at 2:37 AM

    Thanks for sharing all these blogging tips! I'm sure that will help me to improve my blog. I became your rss subscriber.

  8. Anonymous said...
    February 12, 2011 at 11:59 PM

    There is one more tool for js compression http://www.webrankstats.com/tools/javascript-compressor/
    and for css compression http://www.webrankstats.com/tools/css-compressor/

  9. Andrew said...
    March 15, 2011 at 10:10 AM

    Another tool for CSS minification in ASP.NET - StyleManager. It combines the style sheets too, so less HTTP requests.

  10. Diogo Melo said...
    July 28, 2011 at 7:35 AM

    I know another tool. It not only allows to compress JS and CSS but you can also use it to host your script.

    http://lightningpacker.net

    It's ultra fast. It's hosted ad Amazon EC2, it transmit gzipped files, with headers setting the right parameters of cache and it uses Minify under the hoods.

  11. John said...
    July 7, 2013 at 1:38 PM

    Thanks for the great post. For minifying my JavaScript files, I prefer the online tool on http://www.blimptontech.com They use UglifyJS to get the compression done. Which gives you a little obfuscation as well. One cool other feature that I have started to use a bunch is the combining of JS files. You can easily upload a bunch of files, it adds them all to a single one, then minifies the JS.

 

Copyright © 2009-2014 All Rights Reserved for DevCurry.com by Suprotim Agarwal | Terms and Conditions