在线js css html压缩,谈谈关于在线JS/CSS/HTML压缩的一些事

今天是过完春节第一天上班，没啥事情，闲o(∩_∩)o ，所以多分享下文章。这篇文章想谈谈“在线JS/CSS/HTML压缩”的一些事。

在我们日常项目中，会在上线前把相关的JS/CSS/HTML进行一番压缩，这样可以提高页面性能，对于一名合格的前端人员来说，别说你没干过这事，:-)。

以前，我一直用cssGaga、tool.lu/js/等等；压缩效果往往差强人意啊，经常会把CSS hack的CSS代码给剔除，比如*display:inline;*zoom:1这样的代码，不信你试试。

如果你压缩有注释的JS，偶尔会出现压缩后交互效果无法执行的情况，我碰到过很多次了。如果你JS写得不规范，此类情况不能算在内哟。

难道没有一款最好的吗。。。。。。。。。。

当然有，那就是YUI Compressor。

YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具，采用Java开发。

使用方法：

//压缩JS

java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js

//压缩CSS

java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css

昂喜欢简便的，所以不会使用以上方法，直接用别人弄好的工具。在这里推荐下：http://tool.oschina.net/jscompress/

它就是内核YUI Compressor工具的，CSS hack被剔除和JS不执行的情况都搞定，昂要的就是这种完美压缩效果。

总结

这篇文章只是针对压缩的，个人实践后对于cssGaga、tool.lu/js/现有版本，在压缩效果上一般，但是它们有其他的强大的功能，比如美化，压缩图片等，还是值得一用。如果您有更完美的压缩方法，可以留言，或者加入我们Web前端交流群：295431592

一起来探讨吧！！