日期:2014-05-17 浏览次数:20714 次
对于网站应用而言,HTTP 请求是一件奢侈的事情,所以我们要尽量减少它。减少 HTTP 请求也正是网站性能优化的一个要素。
像下面这样:
<link href="/min/b=wp-content/themes/group/css&f=rest.css,tage.min.css" rel="stylesheet" />
这就是使用 Minify 方案后的结果。那究竟 Minify 是什么?
“Minify 可以按需对 JavaScript 以及 CSS 文件进行合并、压缩以及缓存,以加快页面的载入速度。而安装 Minify 则极其简单,只需在网站根目录下上传程序目录即可。”
我们不妨来简单分解一下芒果这个怪异的 CSS 文件,首先通过访问根目录下的 minify 目录 (/min/) ,以参数形式指定文件目录 (参数 b),配置需要压缩合并的 CSS 单文件 (参数 f),然后动态输出独立的伪 CSS 文件。以为例:
整站共有 rest.css、tage.min.css 两个样式文件。放置于 WordPress 对应当前主题的 CSS 目录下,那么基准 URL 指定为:
b=wp-content/themes/group/css
文件列表指定为:
f=rest.css,tage.min.css
参数之间通过 & 符号连接。也可以不指定基准 URL,而缺省 b 参数直接配置文件组合: