Minify tool that can be executed through terminal

I am looking for a tool or a way to minify (similar to Compress my code and this question on Stack) all of the code in my .xml, .css, .html and .js files through Ubuntu's terminal. Eventually I will bash script the process, but at the moment I would like to just find something to test. Is there a tool out there that I can use to compress all these file formats through the terminal?

edited May 23 '17 at 12:39

Community♦

asked Jul 17 '13 at 14:44

DᴀʀᴛʜVᴀᴅᴇʀ

78551733

2

Have you tried something like tar -czvf compressed.tar.gz *.xml *.css *.html *.php ?
– roadmr
Jul 17 '13 at 14:52

1

I am looking to compress the code itself. Something like CSS Minify
– DᴀʀᴛʜVᴀᴅᴇʀ
Jul 17 '13 at 15:10

1

Then I think you're not asking for compression. By compression on regular files (non-media like music/videos) we mostly only consider lossless compression, but you're looking for a way to minimize the whitespace (in which you lose this data). And because minifying is lossy, you can't decompress (because it's not reversible). To me this makes it "unclear what you're asking".
– gertvdijk
Jul 17 '13 at 15:31

add a comment |

edited May 23 '17 at 12:39

Community♦

asked Jul 17 '13 at 14:44

DᴀʀᴛʜVᴀᴅᴇʀ

78551733

2

Have you tried something like tar -czvf compressed.tar.gz *.xml *.css *.html *.php ?
– roadmr
Jul 17 '13 at 14:52

1

I am looking to compress the code itself. Something like CSS Minify
– DᴀʀᴛʜVᴀᴅᴇʀ
Jul 17 '13 at 15:10

1

Then I think you're not asking for compression. By compression on regular files (non-media like music/videos) we mostly only consider lossless compression, but you're looking for a way to minimize the whitespace (in which you lose this data). And because minifying is lossy, you can't decompress (because it's not reversible). To me this makes it "unclear what you're asking".
– gertvdijk
Jul 17 '13 at 15:31

add a comment |

edited May 23 '17 at 12:39

Community♦

asked Jul 17 '13 at 14:44

DᴀʀᴛʜVᴀᴅᴇʀ

78551733

command-line software-recommendation

edited May 23 '17 at 12:39

Community♦

asked Jul 17 '13 at 14:44

DᴀʀᴛʜVᴀᴅᴇʀ

78551733

edited May 23 '17 at 12:39

Community♦

asked Jul 17 '13 at 14:44

DᴀʀᴛʜVᴀᴅᴇʀ

78551733

edited May 23 '17 at 12:39

Community♦

edited May 23 '17 at 12:39

Community♦

edited May 23 '17 at 12:39

Community♦

asked Jul 17 '13 at 14:44

DᴀʀᴛʜVᴀᴅᴇʀ

78551733

asked Jul 17 '13 at 14:44

DᴀʀᴛʜVᴀᴅᴇʀ

78551733

asked Jul 17 '13 at 14:44

DᴀʀᴛʜVᴀᴅᴇʀ

78551733

2

Have you tried something like tar -czvf compressed.tar.gz *.xml *.css *.html *.php ?
– roadmr
Jul 17 '13 at 14:52

1

I am looking to compress the code itself. Something like CSS Minify
– DᴀʀᴛʜVᴀᴅᴇʀ
Jul 17 '13 at 15:10

1

Then I think you're not asking for compression. By compression on regular files (non-media like music/videos) we mostly only consider lossless compression, but you're looking for a way to minimize the whitespace (in which you lose this data). And because minifying is lossy, you can't decompress (because it's not reversible). To me this makes it "unclear what you're asking".
– gertvdijk
Jul 17 '13 at 15:31

add a comment |

2

Have you tried something like tar -czvf compressed.tar.gz *.xml *.css *.html *.php ?
– roadmr
Jul 17 '13 at 14:52

1

I am looking to compress the code itself. Something like CSS Minify
– DᴀʀᴛʜVᴀᴅᴇʀ
Jul 17 '13 at 15:10

1

Then I think you're not asking for compression. By compression on regular files (non-media like music/videos) we mostly only consider lossless compression, but you're looking for a way to minimize the whitespace (in which you lose this data). And because minifying is lossy, you can't decompress (because it's not reversible). To me this makes it "unclear what you're asking".
– gertvdijk
Jul 17 '13 at 15:31

Have you tried something like tar -czvf compressed.tar.gz *.xml *.css *.html *.php ?
– roadmr
Jul 17 '13 at 14:52

I am looking to compress the code itself. Something like CSS Minify
– DᴀʀᴛʜVᴀᴅᴇʀ
Jul 17 '13 at 15:10

Then I think you're not asking for compression. By compression on regular files (non-media like music/videos) we mostly only consider lossless compression, but you're looking for a way to minimize the whitespace (in which you lose this data). And because minifying is lossy, you can't decompress (because it's not reversible). To me this makes it "unclear what you're asking".
– gertvdijk
Jul 17 '13 at 15:31

add a comment |

7 Answers
7

active

oldest

votes

This is not the best option but it's probably the easiest. The YUI compressor was long thought to be the best compressor for Javascript and CSS, offering 20-40% improvements over other minifiers.

It has since been superseded by newer projects like Uglify.JS (which Grunt will probably suggest) but it's still a fairly easy thing to get up and running in Ubuntu.

sudo apt-get install yui-compressor

That's it. Now you can run yui-compressor myfile.js and it'll do its magic, just not as well, or as conveniently as a properly install Node/Grunt/Uglify+YUI stack.

answered Jul 18 '13 at 15:00

Oli♦

220k85556762

10

Not everyone who uses js or css is using node.js or doing node.js projects. It is yet another framework to learn and configure if you want to use grunt. Yes grunt is cool. But now-a-days, we already have enough to learn before we can even start coding. So node/grunt is not always convenient. :) I myself am going to try your suggestion of yui-compressor.
– Bill Rosmus
Sep 28 '14 at 7:06

2

@BillR I sort of agree with the sentiment but while I don't have any node.js projects, I still use things like lessc and uglify.js because they are the best tools for the job. I don't use Grunt because I've replaced it with my own tooling but for the actual work, I'd never hobble myself just to avoid Node. If you want to stay in the industry, you have to keep up with best practices.
– Oli♦
Jan 20 '15 at 9:53

You are making the assumption that using node is best practice. Maybe in your world which is not everyone's world.
– Bill Rosmus
Jan 20 '15 at 18:07

In many cases the output (the minification, or whatever) is the best. Objectively. That's what I'm taking about here. If you only ever use what's easiest for what you currently know, you'll go extinct faster than a dinosaur.
– Oli♦
Jan 20 '15 at 21:01

2

You've got five years on me but I don't know what your point is... Are you still using static HTML4 with a bit of "DHTML" and perl CGI scripts? Still using ASP? Or have you switched things up as better technologies have made themselves available? We've got two separate points going on in this; it's getting a little silly. I don't care if you don't like retraining, but I do care that you're making out that using the more-css NPM package to minify your CSS is any more intrusive than using yui-compressor. It isn't. It's just another command that does the same thing better.
– Oli♦
Jan 20 '15 at 21:41

|
show 4 more comments

You can minify js easily with node and uglify-js from command line:

install uglify-js with npm install uglify-js -g

run it uglifyjs app-test.js > app-test.min.js

For css I would suggest clean-css (probably the most stable css minifier on npm)

example usage:

cleancss -o public-min.css public.css

As far as html is concerned usually minification is not usually worth the time you invest in setting it up, but I have tried html-minifier and it's an awesome tool.

Whatever you do just be sure that you gzip what you're serving.

edited Dec 1 '16 at 21:23

answered Sep 21 '16 at 11:06

user2417031

18315

1

uglify can be directly installed with sudo apt-get install node-uglify
– Gery
Dec 1 '16 at 17:02

Note that uglify-js is only for Javascript, and not for css or other files.
– Jose Gómez
Dec 1 '16 at 20:36

2

@Gery if you want to install uglify with apt you also need to install node-legacy, so run sudo apt install node-uglify node-legacy
– mxdsp
Mar 20 '17 at 10:03

add a comment |

Use minify - unlike the other suggestions, this tool minifies a lot more file types:

CSS     text/css

HTM     text/html

HTML    text/html

JS      text/javascript

JSON    application/json

SVG     image/svg+xml

XML     text/xml

answered Sep 3 '17 at 0:21

Dennis

178111

add a comment |

There is no reason to minify php files (except you have very limited disk space and want to use every bit of it).

If you could add a goal (What do you want to accomplish and why?), somebody might show you a better way.

JS and CSS files are minified on runtime and cached in most webprojects. There is minify (https://github.com/mrclay/minify), a php "library" which is able to do exactly this. (can also be executed with php from the terminal)

But keep in mind that one big javascript file does not necessary load faster than 5 small files. If you need a reason and a solution for this statement, take a look at http://headjs.com/

May the source be with you...

answered Jul 17 '13 at 15:47

mondjunge

2,5691521

add a comment |

I would recommend using Grunt.js. It's an automation tool that has minifiers available as plugins and can be run in your terminal via Node.js. It should not be necessary to minify PHP as the code executes on the server side and only its HTML output is sent to the client.

You can find available plugins here

edited Jul 17 '13 at 15:27

answered Jul 17 '13 at 15:19

konapun

333214

2

Be aware that choosing Grunt implies a learning curve.
– Rick-777
Jan 4 '15 at 18:04

add a comment |

I have had good results with Closure Compiler.

The Closure Compiler is a tool for making JavaScript download and run
faster. Instead of compiling from a source language to machine code, it
compiles from JavaScript to better JavaScript. It parses your JavaScript,
analyzes it, removes dead code and rewrites and minimizes what's left. It
also checks syntax, variable references, and types, and warns about common
JavaScript pitfalls.

It’s developed by Google and written in Java. It’s packaged for Debian-based systems as closure-compiler and is easily installed on Ubuntu systems. As it doesn’t use a GUI, it requires the more lightweight default-jre-headless package.

It’s slower that YUI compressor but the resulting filesize is (slightly) smaller. It also prints useful warning messages, similar to compilers for other programming languages.

Documentation: Getting started

Usage:

closure-compiler --js input.js --js_output_file output.js

answered Mar 30 '17 at 21:30

Anthony Geoghegan

1,005916

The closure is really good if you start your project with it and extend your objects in separate files, etc. But for an existing project, it's rather terrible.
– Alexis Wilke
Sep 10 '17 at 7:22

add a comment |

Another option is to use npx command from Node.js. npx runs a command of a Node.js package without installing it explicitly.

# Minify JS

npx -p uglify-js uglifyjs -o app.min.js app.js common.js



# Minify CSS

npx clean-css-cli -o style.min.css css/bootstrap.css style.css



# Minify HTML

npx html-minifier index-2.html -o index.html --remove-comments --collapse-whitespace



# XML

npx pretty-data-cli --type xml --minify input.xml > input.min.xml

answered Dec 30 '18 at 14:54

Ninh Pham

1012

New contributor

add a comment |

Your Answer

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "89"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2faskubuntu.com%2fquestions%2f321146%2fminify-tool-that-can-be-executed-through-terminal%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

7 Answers
7

active

oldest

votes

7 Answers
7

active

oldest

votes

This is not the best option but it's probably the easiest. The YUI compressor was long thought to be the best compressor for Javascript and CSS, offering 20-40% improvements over other minifiers.

It has since been superseded by newer projects like Uglify.JS (which Grunt will probably suggest) but it's still a fairly easy thing to get up and running in Ubuntu.

sudo apt-get install yui-compressor

That's it. Now you can run yui-compressor myfile.js and it'll do its magic, just not as well, or as conveniently as a properly install Node/Grunt/Uglify+YUI stack.

answered Jul 18 '13 at 15:00

Oli♦

220k85556762

10

Not everyone who uses js or css is using node.js or doing node.js projects. It is yet another framework to learn and configure if you want to use grunt. Yes grunt is cool. But now-a-days, we already have enough to learn before we can even start coding. So node/grunt is not always convenient. :) I myself am going to try your suggestion of yui-compressor.
– Bill Rosmus
Sep 28 '14 at 7:06

2

@BillR I sort of agree with the sentiment but while I don't have any node.js projects, I still use things like lessc and uglify.js because they are the best tools for the job. I don't use Grunt because I've replaced it with my own tooling but for the actual work, I'd never hobble myself just to avoid Node. If you want to stay in the industry, you have to keep up with best practices.
– Oli♦
Jan 20 '15 at 9:53

You are making the assumption that using node is best practice. Maybe in your world which is not everyone's world.
– Bill Rosmus
Jan 20 '15 at 18:07

In many cases the output (the minification, or whatever) is the best. Objectively. That's what I'm taking about here. If you only ever use what's easiest for what you currently know, you'll go extinct faster than a dinosaur.
– Oli♦
Jan 20 '15 at 21:01

2

You've got five years on me but I don't know what your point is... Are you still using static HTML4 with a bit of "DHTML" and perl CGI scripts? Still using ASP? Or have you switched things up as better technologies have made themselves available? We've got two separate points going on in this; it's getting a little silly. I don't care if you don't like retraining, but I do care that you're making out that using the more-css NPM package to minify your CSS is any more intrusive than using yui-compressor. It isn't. It's just another command that does the same thing better.
– Oli♦
Jan 20 '15 at 21:41

|
show 4 more comments

This is not the best option but it's probably the easiest. The YUI compressor was long thought to be the best compressor for Javascript and CSS, offering 20-40% improvements over other minifiers.

It has since been superseded by newer projects like Uglify.JS (which Grunt will probably suggest) but it's still a fairly easy thing to get up and running in Ubuntu.

sudo apt-get install yui-compressor

That's it. Now you can run yui-compressor myfile.js and it'll do its magic, just not as well, or as conveniently as a properly install Node/Grunt/Uglify+YUI stack.

answered Jul 18 '13 at 15:00

Oli♦

220k85556762

10

Not everyone who uses js or css is using node.js or doing node.js projects. It is yet another framework to learn and configure if you want to use grunt. Yes grunt is cool. But now-a-days, we already have enough to learn before we can even start coding. So node/grunt is not always convenient. :) I myself am going to try your suggestion of yui-compressor.
– Bill Rosmus
Sep 28 '14 at 7:06

2

@BillR I sort of agree with the sentiment but while I don't have any node.js projects, I still use things like lessc and uglify.js because they are the best tools for the job. I don't use Grunt because I've replaced it with my own tooling but for the actual work, I'd never hobble myself just to avoid Node. If you want to stay in the industry, you have to keep up with best practices.
– Oli♦
Jan 20 '15 at 9:53

You are making the assumption that using node is best practice. Maybe in your world which is not everyone's world.
– Bill Rosmus
Jan 20 '15 at 18:07

In many cases the output (the minification, or whatever) is the best. Objectively. That's what I'm taking about here. If you only ever use what's easiest for what you currently know, you'll go extinct faster than a dinosaur.
– Oli♦
Jan 20 '15 at 21:01

2

You've got five years on me but I don't know what your point is... Are you still using static HTML4 with a bit of "DHTML" and perl CGI scripts? Still using ASP? Or have you switched things up as better technologies have made themselves available? We've got two separate points going on in this; it's getting a little silly. I don't care if you don't like retraining, but I do care that you're making out that using the more-css NPM package to minify your CSS is any more intrusive than using yui-compressor. It isn't. It's just another command that does the same thing better.
– Oli♦
Jan 20 '15 at 21:41

|
show 4 more comments

This is not the best option but it's probably the easiest. The YUI compressor was long thought to be the best compressor for Javascript and CSS, offering 20-40% improvements over other minifiers.

It has since been superseded by newer projects like Uglify.JS (which Grunt will probably suggest) but it's still a fairly easy thing to get up and running in Ubuntu.

sudo apt-get install yui-compressor

That's it. Now you can run yui-compressor myfile.js and it'll do its magic, just not as well, or as conveniently as a properly install Node/Grunt/Uglify+YUI stack.

answered Jul 18 '13 at 15:00

Oli♦

220k85556762

This is not the best option but it's probably the easiest. The YUI compressor was long thought to be the best compressor for Javascript and CSS, offering 20-40% improvements over other minifiers.

It has since been superseded by newer projects like Uglify.JS (which Grunt will probably suggest) but it's still a fairly easy thing to get up and running in Ubuntu.

sudo apt-get install yui-compressor

That's it. Now you can run yui-compressor myfile.js and it'll do its magic, just not as well, or as conveniently as a properly install Node/Grunt/Uglify+YUI stack.

answered Jul 18 '13 at 15:00

Oli♦

220k85556762

answered Jul 18 '13 at 15:00

Oli♦

220k85556762

answered Jul 18 '13 at 15:00

Oli♦

220k85556762

answered Jul 18 '13 at 15:00

Oli♦

220k85556762

10

Not everyone who uses js or css is using node.js or doing node.js projects. It is yet another framework to learn and configure if you want to use grunt. Yes grunt is cool. But now-a-days, we already have enough to learn before we can even start coding. So node/grunt is not always convenient. :) I myself am going to try your suggestion of yui-compressor.
– Bill Rosmus
Sep 28 '14 at 7:06

2

@BillR I sort of agree with the sentiment but while I don't have any node.js projects, I still use things like lessc and uglify.js because they are the best tools for the job. I don't use Grunt because I've replaced it with my own tooling but for the actual work, I'd never hobble myself just to avoid Node. If you want to stay in the industry, you have to keep up with best practices.
– Oli♦
Jan 20 '15 at 9:53

You are making the assumption that using node is best practice. Maybe in your world which is not everyone's world.
– Bill Rosmus
Jan 20 '15 at 18:07

In many cases the output (the minification, or whatever) is the best. Objectively. That's what I'm taking about here. If you only ever use what's easiest for what you currently know, you'll go extinct faster than a dinosaur.
– Oli♦
Jan 20 '15 at 21:01

2

You've got five years on me but I don't know what your point is... Are you still using static HTML4 with a bit of "DHTML" and perl CGI scripts? Still using ASP? Or have you switched things up as better technologies have made themselves available? We've got two separate points going on in this; it's getting a little silly. I don't care if you don't like retraining, but I do care that you're making out that using the more-css NPM package to minify your CSS is any more intrusive than using yui-compressor. It isn't. It's just another command that does the same thing better.
– Oli♦
Jan 20 '15 at 21:41

|
show 4 more comments

10

Not everyone who uses js or css is using node.js or doing node.js projects. It is yet another framework to learn and configure if you want to use grunt. Yes grunt is cool. But now-a-days, we already have enough to learn before we can even start coding. So node/grunt is not always convenient. :) I myself am going to try your suggestion of yui-compressor.
– Bill Rosmus
Sep 28 '14 at 7:06

2

@BillR I sort of agree with the sentiment but while I don't have any node.js projects, I still use things like lessc and uglify.js because they are the best tools for the job. I don't use Grunt because I've replaced it with my own tooling but for the actual work, I'd never hobble myself just to avoid Node. If you want to stay in the industry, you have to keep up with best practices.
– Oli♦
Jan 20 '15 at 9:53

You are making the assumption that using node is best practice. Maybe in your world which is not everyone's world.
– Bill Rosmus
Jan 20 '15 at 18:07

In many cases the output (the minification, or whatever) is the best. Objectively. That's what I'm taking about here. If you only ever use what's easiest for what you currently know, you'll go extinct faster than a dinosaur.
– Oli♦
Jan 20 '15 at 21:01

2

You've got five years on me but I don't know what your point is... Are you still using static HTML4 with a bit of "DHTML" and perl CGI scripts? Still using ASP? Or have you switched things up as better technologies have made themselves available? We've got two separate points going on in this; it's getting a little silly. I don't care if you don't like retraining, but I do care that you're making out that using the more-css NPM package to minify your CSS is any more intrusive than using yui-compressor. It isn't. It's just another command that does the same thing better.
– Oli♦
Jan 20 '15 at 21:41

Not everyone who uses js or css is using node.js or doing node.js projects. It is yet another framework to learn and configure if you want to use grunt. Yes grunt is cool. But now-a-days, we already have enough to learn before we can even start coding. So node/grunt is not always convenient. :) I myself am going to try your suggestion of yui-compressor.
– Bill Rosmus
Sep 28 '14 at 7:06

@BillR I sort of agree with the sentiment but while I don't have any node.js projects, I still use things like lessc and uglify.js because they are the best tools for the job. I don't use Grunt because I've replaced it with my own tooling but for the actual work, I'd never hobble myself just to avoid Node. If you want to stay in the industry, you have to keep up with best practices.
– Oli♦
Jan 20 '15 at 9:53

You are making the assumption that using node is best practice. Maybe in your world which is not everyone's world.
– Bill Rosmus
Jan 20 '15 at 18:07

In many cases the output (the minification, or whatever) is the best. Objectively. That's what I'm taking about here. If you only ever use what's easiest for what you currently know, you'll go extinct faster than a dinosaur.
– Oli♦
Jan 20 '15 at 21:01

You've got five years on me but I don't know what your point is... Are you still using static HTML4 with a bit of "DHTML" and perl CGI scripts? Still using ASP? Or have you switched things up as better technologies have made themselves available? We've got two separate points going on in this; it's getting a little silly. I don't care if you don't like retraining, but I do care that you're making out that using the more-css NPM package to minify your CSS is any more intrusive than using yui-compressor. It isn't. It's just another command that does the same thing better.
– Oli♦
Jan 20 '15 at 21:41

|
show 4 more comments

You can minify js easily with node and uglify-js from command line:

install uglify-js with npm install uglify-js -g

run it uglifyjs app-test.js > app-test.min.js

For css I would suggest clean-css (probably the most stable css minifier on npm)

example usage:

cleancss -o public-min.css public.css

As far as html is concerned usually minification is not usually worth the time you invest in setting it up, but I have tried html-minifier and it's an awesome tool.

Whatever you do just be sure that you gzip what you're serving.

edited Dec 1 '16 at 21:23

answered Sep 21 '16 at 11:06

user2417031

18315

1

uglify can be directly installed with sudo apt-get install node-uglify
– Gery
Dec 1 '16 at 17:02

Note that uglify-js is only for Javascript, and not for css or other files.
– Jose Gómez
Dec 1 '16 at 20:36

2

@Gery if you want to install uglify with apt you also need to install node-legacy, so run sudo apt install node-uglify node-legacy
– mxdsp
Mar 20 '17 at 10:03

add a comment |

You can minify js easily with node and uglify-js from command line:

install uglify-js with npm install uglify-js -g

run it uglifyjs app-test.js > app-test.min.js

For css I would suggest clean-css (probably the most stable css minifier on npm)

example usage:

cleancss -o public-min.css public.css

As far as html is concerned usually minification is not usually worth the time you invest in setting it up, but I have tried html-minifier and it's an awesome tool.

Whatever you do just be sure that you gzip what you're serving.

edited Dec 1 '16 at 21:23

answered Sep 21 '16 at 11:06

user2417031

18315

1

uglify can be directly installed with sudo apt-get install node-uglify
– Gery
Dec 1 '16 at 17:02

Note that uglify-js is only for Javascript, and not for css or other files.
– Jose Gómez
Dec 1 '16 at 20:36

2

@Gery if you want to install uglify with apt you also need to install node-legacy, so run sudo apt install node-uglify node-legacy
– mxdsp
Mar 20 '17 at 10:03

add a comment |

You can minify js easily with node and uglify-js from command line:

install uglify-js with npm install uglify-js -g

run it uglifyjs app-test.js > app-test.min.js

For css I would suggest clean-css (probably the most stable css minifier on npm)

example usage:

cleancss -o public-min.css public.css

As far as html is concerned usually minification is not usually worth the time you invest in setting it up, but I have tried html-minifier and it's an awesome tool.

Whatever you do just be sure that you gzip what you're serving.

edited Dec 1 '16 at 21:23

answered Sep 21 '16 at 11:06

user2417031

18315

You can minify js easily with node and uglify-js from command line:

install uglify-js with npm install uglify-js -g

run it uglifyjs app-test.js > app-test.min.js

For css I would suggest clean-css (probably the most stable css minifier on npm)

example usage:

cleancss -o public-min.css public.css

As far as html is concerned usually minification is not usually worth the time you invest in setting it up, but I have tried html-minifier and it's an awesome tool.

Whatever you do just be sure that you gzip what you're serving.

edited Dec 1 '16 at 21:23

answered Sep 21 '16 at 11:06

user2417031

18315

edited Dec 1 '16 at 21:23

answered Sep 21 '16 at 11:06

user2417031

18315

answered Sep 21 '16 at 11:06

user2417031

18315

answered Sep 21 '16 at 11:06

user2417031

18315

1

uglify can be directly installed with sudo apt-get install node-uglify
– Gery
Dec 1 '16 at 17:02

Note that uglify-js is only for Javascript, and not for css or other files.
– Jose Gómez
Dec 1 '16 at 20:36

2

@Gery if you want to install uglify with apt you also need to install node-legacy, so run sudo apt install node-uglify node-legacy
– mxdsp
Mar 20 '17 at 10:03

add a comment |

1

uglify can be directly installed with sudo apt-get install node-uglify
– Gery
Dec 1 '16 at 17:02

Note that uglify-js is only for Javascript, and not for css or other files.
– Jose Gómez
Dec 1 '16 at 20:36

2

@Gery if you want to install uglify with apt you also need to install node-legacy, so run sudo apt install node-uglify node-legacy
– mxdsp
Mar 20 '17 at 10:03

uglify can be directly installed with sudo apt-get install node-uglify
– Gery
Dec 1 '16 at 17:02

Note that uglify-js is only for Javascript, and not for css or other files.
– Jose Gómez
Dec 1 '16 at 20:36

@Gery if you want to install uglify with apt you also need to install node-legacy, so run sudo apt install node-uglify node-legacy
– mxdsp
Mar 20 '17 at 10:03

add a comment |

Use minify - unlike the other suggestions, this tool minifies a lot more file types:

CSS     text/css

HTM     text/html

HTML    text/html

JS      text/javascript

JSON    application/json

SVG     image/svg+xml

XML     text/xml

answered Sep 3 '17 at 0:21

Dennis

178111

add a comment |

Use minify - unlike the other suggestions, this tool minifies a lot more file types:

CSS     text/css

HTM     text/html

HTML    text/html

JS      text/javascript

JSON    application/json

SVG     image/svg+xml

XML     text/xml

answered Sep 3 '17 at 0:21

Dennis

178111

add a comment |

Use minify - unlike the other suggestions, this tool minifies a lot more file types:

CSS     text/css

HTM     text/html

HTML    text/html

JS      text/javascript

JSON    application/json

SVG     image/svg+xml

XML     text/xml

answered Sep 3 '17 at 0:21

Dennis

178111

Use minify - unlike the other suggestions, this tool minifies a lot more file types:

CSS     text/css

HTM     text/html

HTML    text/html

JS      text/javascript

JSON    application/json

SVG     image/svg+xml

XML     text/xml

answered Sep 3 '17 at 0:21

Dennis

178111

answered Sep 3 '17 at 0:21

Dennis

178111

answered Sep 3 '17 at 0:21

Dennis

178111

answered Sep 3 '17 at 0:21

Dennis

178111

add a comment |

There is no reason to minify php files (except you have very limited disk space and want to use every bit of it).

If you could add a goal (What do you want to accomplish and why?), somebody might show you a better way.

But keep in mind that one big javascript file does not necessary load faster than 5 small files. If you need a reason and a solution for this statement, take a look at http://headjs.com/

May the source be with you...

answered Jul 17 '13 at 15:47

mondjunge

2,5691521

add a comment |

There is no reason to minify php files (except you have very limited disk space and want to use every bit of it).

If you could add a goal (What do you want to accomplish and why?), somebody might show you a better way.

But keep in mind that one big javascript file does not necessary load faster than 5 small files. If you need a reason and a solution for this statement, take a look at http://headjs.com/

May the source be with you...

answered Jul 17 '13 at 15:47

mondjunge

2,5691521

add a comment |

There is no reason to minify php files (except you have very limited disk space and want to use every bit of it).

If you could add a goal (What do you want to accomplish and why?), somebody might show you a better way.

But keep in mind that one big javascript file does not necessary load faster than 5 small files. If you need a reason and a solution for this statement, take a look at http://headjs.com/

May the source be with you...

answered Jul 17 '13 at 15:47

mondjunge

2,5691521

There is no reason to minify php files (except you have very limited disk space and want to use every bit of it).

If you could add a goal (What do you want to accomplish and why?), somebody might show you a better way.

But keep in mind that one big javascript file does not necessary load faster than 5 small files. If you need a reason and a solution for this statement, take a look at http://headjs.com/

May the source be with you...

answered Jul 17 '13 at 15:47

mondjunge

2,5691521

answered Jul 17 '13 at 15:47

mondjunge

2,5691521

answered Jul 17 '13 at 15:47

mondjunge

2,5691521

answered Jul 17 '13 at 15:47

mondjunge

2,5691521

add a comment |

You can find available plugins here

edited Jul 17 '13 at 15:27

answered Jul 17 '13 at 15:19

konapun

333214

2

Be aware that choosing Grunt implies a learning curve.
– Rick-777
Jan 4 '15 at 18:04

add a comment |

You can find available plugins here

edited Jul 17 '13 at 15:27

answered Jul 17 '13 at 15:19

konapun

333214

2

Be aware that choosing Grunt implies a learning curve.
– Rick-777
Jan 4 '15 at 18:04

add a comment |

You can find available plugins here

edited Jul 17 '13 at 15:27

answered Jul 17 '13 at 15:19

konapun

333214

You can find available plugins here

edited Jul 17 '13 at 15:27

answered Jul 17 '13 at 15:19

konapun

333214

edited Jul 17 '13 at 15:27

answered Jul 17 '13 at 15:19

konapun

333214

answered Jul 17 '13 at 15:19

konapun

333214

answered Jul 17 '13 at 15:19

konapun

333214

2

Be aware that choosing Grunt implies a learning curve.
– Rick-777
Jan 4 '15 at 18:04

add a comment |

2

Be aware that choosing Grunt implies a learning curve.
– Rick-777
Jan 4 '15 at 18:04

Be aware that choosing Grunt implies a learning curve.
– Rick-777
Jan 4 '15 at 18:04

add a comment |

I have had good results with Closure Compiler.

The Closure Compiler is a tool for making JavaScript download and run
faster. Instead of compiling from a source language to machine code, it
compiles from JavaScript to better JavaScript. It parses your JavaScript,
analyzes it, removes dead code and rewrites and minimizes what's left. It
also checks syntax, variable references, and types, and warns about common
JavaScript pitfalls.

It’s slower that YUI compressor but the resulting filesize is (slightly) smaller. It also prints useful warning messages, similar to compilers for other programming languages.

Documentation: Getting started

Usage:

closure-compiler --js input.js --js_output_file output.js

answered Mar 30 '17 at 21:30

Anthony Geoghegan

1,005916

The closure is really good if you start your project with it and extend your objects in separate files, etc. But for an existing project, it's rather terrible.
– Alexis Wilke
Sep 10 '17 at 7:22

add a comment |

I have had good results with Closure Compiler.

The Closure Compiler is a tool for making JavaScript download and run
faster. Instead of compiling from a source language to machine code, it
compiles from JavaScript to better JavaScript. It parses your JavaScript,
analyzes it, removes dead code and rewrites and minimizes what's left. It
also checks syntax, variable references, and types, and warns about common
JavaScript pitfalls.

It’s slower that YUI compressor but the resulting filesize is (slightly) smaller. It also prints useful warning messages, similar to compilers for other programming languages.

Documentation: Getting started

Usage:

closure-compiler --js input.js --js_output_file output.js

answered Mar 30 '17 at 21:30

Anthony Geoghegan

1,005916

The closure is really good if you start your project with it and extend your objects in separate files, etc. But for an existing project, it's rather terrible.
– Alexis Wilke
Sep 10 '17 at 7:22

add a comment |

I have had good results with Closure Compiler.

The Closure Compiler is a tool for making JavaScript download and run
faster. Instead of compiling from a source language to machine code, it
compiles from JavaScript to better JavaScript. It parses your JavaScript,
analyzes it, removes dead code and rewrites and minimizes what's left. It
also checks syntax, variable references, and types, and warns about common
JavaScript pitfalls.

It’s slower that YUI compressor but the resulting filesize is (slightly) smaller. It also prints useful warning messages, similar to compilers for other programming languages.

Documentation: Getting started

Usage:

closure-compiler --js input.js --js_output_file output.js

answered Mar 30 '17 at 21:30

Anthony Geoghegan

1,005916

I have had good results with Closure Compiler.

The Closure Compiler is a tool for making JavaScript download and run
faster. Instead of compiling from a source language to machine code, it
compiles from JavaScript to better JavaScript. It parses your JavaScript,
analyzes it, removes dead code and rewrites and minimizes what's left. It
also checks syntax, variable references, and types, and warns about common
JavaScript pitfalls.

It’s slower that YUI compressor but the resulting filesize is (slightly) smaller. It also prints useful warning messages, similar to compilers for other programming languages.

Documentation: Getting started

Usage:

closure-compiler --js input.js --js_output_file output.js

answered Mar 30 '17 at 21:30

Anthony Geoghegan

1,005916

answered Mar 30 '17 at 21:30

Anthony Geoghegan

1,005916

answered Mar 30 '17 at 21:30

Anthony Geoghegan

1,005916

answered Mar 30 '17 at 21:30

Anthony Geoghegan

1,005916

The closure is really good if you start your project with it and extend your objects in separate files, etc. But for an existing project, it's rather terrible.
– Alexis Wilke
Sep 10 '17 at 7:22

add a comment |

The closure is really good if you start your project with it and extend your objects in separate files, etc. But for an existing project, it's rather terrible.
– Alexis Wilke
Sep 10 '17 at 7:22

The closure is really good if you start your project with it and extend your objects in separate files, etc. But for an existing project, it's rather terrible.
– Alexis Wilke
Sep 10 '17 at 7:22

add a comment |

Another option is to use npx command from Node.js. npx runs a command of a Node.js package without installing it explicitly.

# Minify JS

npx -p uglify-js uglifyjs -o app.min.js app.js common.js



# Minify CSS

npx clean-css-cli -o style.min.css css/bootstrap.css style.css



# Minify HTML

npx html-minifier index-2.html -o index.html --remove-comments --collapse-whitespace



# XML

npx pretty-data-cli --type xml --minify input.xml > input.min.xml

answered Dec 30 '18 at 14:54

Ninh Pham

1012

New contributor

add a comment |

Another option is to use npx command from Node.js. npx runs a command of a Node.js package without installing it explicitly.

# Minify JS

npx -p uglify-js uglifyjs -o app.min.js app.js common.js



# Minify CSS

npx clean-css-cli -o style.min.css css/bootstrap.css style.css



# Minify HTML

npx html-minifier index-2.html -o index.html --remove-comments --collapse-whitespace



# XML

npx pretty-data-cli --type xml --minify input.xml > input.min.xml

answered Dec 30 '18 at 14:54

Ninh Pham

1012

New contributor

add a comment |

Another option is to use npx command from Node.js. npx runs a command of a Node.js package without installing it explicitly.

# Minify JS

npx -p uglify-js uglifyjs -o app.min.js app.js common.js



# Minify CSS

npx clean-css-cli -o style.min.css css/bootstrap.css style.css



# Minify HTML

npx html-minifier index-2.html -o index.html --remove-comments --collapse-whitespace



# XML

npx pretty-data-cli --type xml --minify input.xml > input.min.xml

answered Dec 30 '18 at 14:54

Ninh Pham

1012

New contributor

Another option is to use npx command from Node.js. npx runs a command of a Node.js package without installing it explicitly.

# Minify JS

npx -p uglify-js uglifyjs -o app.min.js app.js common.js



# Minify CSS

npx clean-css-cli -o style.min.css css/bootstrap.css style.css



# Minify HTML

npx html-minifier index-2.html -o index.html --remove-comments --collapse-whitespace



# XML

npx pretty-data-cli --type xml --minify input.xml > input.min.xml

answered Dec 30 '18 at 14:54

Ninh Pham

1012

New contributor

answered Dec 30 '18 at 14:54

Ninh Pham

1012

New contributor

answered Dec 30 '18 at 14:54

Ninh Pham

1012

answered Dec 30 '18 at 14:54

Ninh Pham

1012

New contributor

Ninh Pham is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Ask Ubuntu!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

Some of your past answers have not been well-received, and you're in danger of being blocked from answering.

Please pay close attention to the following guidance:

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Cfxtrjtrk