压缩JS/CSS的利器–minify

 

minify是一款使用PHP5开发的一款用于压缩合并Javascript和CSS文件的应用程序，是前端开发人员优化页面加载速度的一款很好的工具。

本博就使用了minify对整个网站的Javascript和CSS文件进行了压缩，压缩率非常高，大大缩短了页面的加载时间。对于wordpress还有相应的插件，如果你也使用wordpress并且不喜欢自己动手修改文件，那你可以直接下载WP-Minify这款插件。如果不是wordpress，或者喜欢自动动手DIY的接着往下看。

minify的使用非常简单，先把minify下载到本地并解压，然后使用FTP工具把min目录下的文件全部上传到网站的根目录。上传完毕后，就可以访问你网站的域名加/min的地址(比如本博的访问地址就是http://stylechen.com/min/)进行操作，如下图：

在表单中输入原来的Javascript和CSS文件的路径，然后点击”Update”按钮就可以生成压缩后的路径：

最后修改模板文件把新生成的路径替换掉原来的路径就可以了。如果是多个Javascript或CSS文件，可以点击”Add file+”按钮增加输入表单，把其他的文件路径输入进去，最后生成的路径就合并了多个文件的路径。

下面是本博使用minify对Javascript和CSS文件进行压缩的一个对比，这里我使用了Firefox3.6的firebug插件得到的一个测试结果，这样能可以更直观的看出压缩率究竟有多高。

CSS文件的压缩对比图：

Javascript文件的压缩对比图：

原载于：雨夜带刀’s Blog
本文链接：http://stylechen.com/minify.html