今天是过完春节第一天上班，没啥事情，闲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
一起来探讨吧！！
网友评论文明上网理性发言已有0人参与
发表评论: