一起学建站: wordpress插件 WP Minify 的使用

WP Minify 是WordPress中相当实用的一个插件，实质上将minify引擎变为了一个使用更为简便和自动化的插件，其基本原理就是通过压缩JavaScript，CSS，Html中多余的空行和空格等无用代码以减少文件传输的占用空间，更重要的是它能将多个在页面中引用的JS，CSS文件等合并为单一的JS与CSS文件，从而大量减少了HTTP请求，极大地加速了页面载入的速度。

我使用WP Minify也有几个月的时间了，但是纠结于使用html压缩后Meta信息消失的问题，在Google和baidu上搜索均无功而返，最近终于将其解决，于是大概写了一下WP Minify的使用方法，并加上了自己的一点心得。水平有限，文章中有错误的地方，请不吝指教。

WP Minify的最新版本为1.1.8，可以在http://wordpress.org/extend/plugins/wp-minify/下载到最新的版本，也可以直接在WordPress的后台中直接搜索并安装WP Minify。

安装过程：

把WP Minify上传到 "wp-content/plugins/"文件夹内，如果在后台中安装则可跳过此步。

确保"wp-content/plugins/wp-minify/cache"是可写的。如果插件使用失败，尝试把"wp-content/plugins/wp-minify/cache"的权限改为777。

在后台中激活WP Minify插件。

说明：

WP Minify压缩的JS和CSS一般来自于header.php中的调用，只有在header.php中正确引用的CSS和JS文件才能被WP Minify正确识别处理，比如

//CSS文件的调用
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
 //JS文件的调用（注意必须写 type="text/javascript"）
<script type="text/javascript" src="http://neverweep.com/wp-content/plugins/nextgen-gallery/js/ngg.js"></script>
//WP头部，一般某些插件的CSS和JS通过这个函数来调用
<?php wp_head(); ?>

Support this plugin! 支持插件作者

Support this plugin

这里建议选择"Do not display "Page optimized by WP Minify" link."，这样博客底部就不会出现使用WP Minify的信息，当然如果有余力可以为作者捐赠。

General Configuration 基本设置

Enable JavaScript Minification，Enable CSS Minification，Enable HTML Minification

这里就是WP Minify中最重要的设置了：决定是否压缩合并JS，CSS，HTML，建议打开JS和CSS的压缩，HTML压缩除非配合缓存类插件，否则个人不推荐打开，如果遇到了开启HTML Minification 致使Meta信息丢失的问题，请参考最下面的一些补充。另外，打开HTML压缩后，页面生成时间在我的博客首页上约慢了0.03秒-0.08秒，在页面生成时间和传输大小上的取舍，就是仁者见仁，智者见智了。简单的测试对比可以参考下面的补充。

Debugging 除错设置

Combine files but do not minify，Show minify errors through FirePHP

这两个选项主要用于JS代码的调试，由于JS代码经常用换行来作为一行代码的结束标记，但是JS在压缩后会去除多余的换行，导致JS不能识别结束标记而出错（养成良好的使用";"作为代码的结束标记的习惯很重要啊），第一个选项可以使JS仅合并而不被压缩，第二个选项可以在FirePHP中显示压缩合并过程中的错误。

Local Files Minification 本地文件压缩

JavaScript / CSS files to exclude from minify (line delimited)

如果不想压缩合并特定的文件，可以在这里填入相关文件的名称，以回车为隔断。

URIs on which WP-Minify parsing will be disabled (line delimited)

可以对特定的路径和文件禁止WP Minify，以回车为隔断。

Non-Local Files Minification 非本地文件压缩

Enable Minification on External Files

允许压缩外部文件，除非需要排除大批量的js或者css文件，作者推荐不打开。

JavaScript / CSS files to include into minify (line delimited)

只在Enable Minification on External Files关闭的情况下有效，如果WP Minify没有侦测到想要压缩合并的文件，可以在这里填入相关文件的路径，这个功能可以压缩合并站外的JS文件到你的服务器。以回车为隔断。（不能强制将当前页面未被调用的JS合并到当前页面调用的JS中）

Caching 缓存设置

Cache expires

设定压缩合并后的文件的过期时间，可以调成较长的一段时间。如果对任何JS，CSS文件进行了改动，一般情况下WP Minify都会根据文件的修改时间自动更新压缩合并文件，并更改请求参数中的m值，不必担心用户客户端的缓存问题。

Manually clear cache

手动清空缓存，如果WP Minify不能自动更新，比如用较旧的文件替换了较新的文件，那么手动清除一下缓存即可。

Tweaking/Tuning 细节调整

Use "pretty" URL

使用短网址，其实很简单，升级到WP Minify最新版本之后，压缩合并后的文件地址可以从http://yoururl.com/wp-minify/min?f=1.js,2.js,3.js变为http://yoururl.com/wp-minify/cache/12345.js。选中这个选项可以使用新式URL，更加美观。

Place Minified JavaScript in footer

是否将压缩合并后的JS移动到博客底部，一般情况下，博客加载的JS最好都不要放在博客底部，这样会影响JS的调用，导致页面的一些效果不能实现或者出现冲突。但是像Google分析或者CNZZ、51la的统计代码等，最好添加到footer.php中的最后位置，以提高页面的加载速度。

Force all JavaScript/CSS calls to be HTTPS on HTTPS pages

强制通过HTTPS协议传输JS/CSS，这个选项对于一般的博客并没有多大用处，如果博客支持HTTPS传输，可以打开，以确保传输过程中的安全性。

Extra arguments to pass to minify engine

为minify引擎加入额外的参数，具体参数可以参考minify引擎的文档。

Automatically set your Minify base per siteurl setting

一般情况下选中即可。

一起学建站

wordpress插件 WP Minify 的使用