Show HN: Compare different JS minifiers’ output online

by gillyb • 12 years ago

26 17 12 years ago

mmastrac• 12 years ago

This looks like it might have been an interesting submission, but I'm getting a bad gateway error when clicking through.

Also, you should re-title it as Show HN to get better visibility!

EDIT: author has fixed it.

gillyb8• 12 years ago

Thanks, I noticed that pretty fast, and got it back up. Hope it stays up for now...

ilanco• 12 years ago

502 bad gateway

gillyb8• 12 years ago

REALLY sorry about that, it seems like I'm getting quite a lot of traffic from HN now. I'm trying to deal with it, and keep it up. Sorry for letting you down... :/

LukeB_UK• 12 years ago

Sorry we broke your site!

Theyeard• 12 years ago

Wow, great idea. I wish this was available as a npm package.

A couple of things, sometimes the service doesn't work and returns "YUI Compressor : 0bytes (100%)" or "JSMin : 886bytes (0%)". A typo: succees.

The references section could be expanded with resources about writing JS code in a way that enables optimizations:

http://toddmotto.com/what-function-window-document-undefined...

https://curiosity-driven.org/minimal-loader

gillyb8• 12 years ago

Thanks for the feedback, I really appreciate it! I will do my best to fix this ASAP, and I was planning on adding more references anyways.

slig• 12 years ago

Nice one, thanks for sharing!

I've been researching for a minifier recently and on my tests Closure Compiler always win on the file size metric. However, due to the Closure Compiler Java dependency, I'll likely choose UglifyJS (which is always the second best on my tests).

Have you noticed cases where Closure Compiler or UglifyJS aren't the best?

gillyb8• 12 years ago

From my personal testing UglifyJS and Closure Compiler are usually the best as well. They're also pretty close most of the time, but still I go with which ever one saves more.

dkopi• 12 years ago

Pretty cool, but comparing file sizes probably isn't enough. We should also compare the file sizes after gzipping. smaller js files doesn't necessarily mean smaller zipped files.

Also, size comparison ignores speed improvements due to load time and runtime optimizations that closure compiler does and uglify doesn't. (Although you'll have to use ugly code annotations to get closure compiler to do its magic).

gillyb8• 12 years ago

Totally right! I'm thinking about adding an online gzip function to this as well, to see what the end result will be.

troels• 12 years ago

Also - On the negative side, de-compression may be costly on the client. That would be really interesting to see measured as well.

worik• 12 years ago

"An error occurred while trying to compress javascript text."

Hmmm....

Firstly I think I gave it too much JS code to deal with and it choked (about 3,000 lines).

Running it twice in a row always causes it to fail in my experience so far.

I am not quite sure what it is trying to do. I get a little report like:

Original file size : 1,009bytes JSMin : 706bytes (30%) UglifyJS : 644bytes (36%) YUI Compressor : 647bytes (35%) Closure Compiler : 638bytes (36%)

but no sign of the compressed code except the code I enter has most new lines removed. The newlines between function declarations are maintained.

The above report I pasted inline is after I asked for one algorithm to be tested (Closure Compiler) but it reported on all of them.

This is a good idea, and it would be useful if:

(a) it could cope with 3,000 lines about 120K. That is not much

(b) Gave me a bit more information about what the compression is doing. I care about more than the sizw. At the very least show me the compressed code.

peace W

gillyb8• 12 years ago

Thanks for the comment. I will try to improve it within the upcoming days!

JayXon• 12 years ago

Very nice, could you display the best output result? So that we don't need to compress again ourselves.

gillyb8• 12 years ago

When uploading files, you can just download the one with the best compression. When inserting text, your text is replaces with the best compressed version. I understand I need to make that clearer. Thanks for the feedback, I will improve it!

gillyb8• 12 years ago

I fixed many of the bugs happening on the site, and there's much less traffic now, so if someone didn't get a chance to see it, you can come back now :)

Show HN: Compare different JS minifiers’ output online

Related Stories