加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

Minify,归并压缩 JavaScript 和 CSS 文件

发布时间:2018-10-12 09:34:34 所属栏目:运营 来源:站长网
导读:对付网站应用而言,HTTP 哀求是一件奢侈的工作,以是我们要只管镌汰它。镌汰 HTTP 哀求也正是网站机能优化的一个要素。凡是通过手工归并会带来大量的维护题目。以是能交给呆板做的就让呆板来做吧。 之前有意的网友也许会发明,芒果的 CSS 并非一样平常的样式表

对付网站应用而言,HTTP 哀求是一件奢侈的工作,以是我们要只管镌汰它。镌汰 HTTP 哀求也正是网站机能优化的一个要素。凡是通过手工归并会带来大量的维护题目。以是能交给呆板做的就让呆板来做吧。

之前有意的网友也许会发明,芒果的 CSS 并非一样平常的样式表引入方法,而是像下面这样:

<link href="/min/b=wp-content/themes/mangguo/css&f=reset.css,mangguo.min.css" rel="stylesheet" />这就是行使 Minify 方案后的功效。那毕竟 Minify 是什么?

“Minify 可以按需对 JavaScript 以及 CSS 文件举办归并、压缩以及缓存,以加速页面的载入速率。而安装 Minify 则极其简朴,只需在网站根目次下上传措施目次即可。”

我们不妨来简朴解析一下芒果这个独特的 CSS 文件,起首通过会见根目次下的 minify 目次 (/min/) ,以参数情势指定文件目次 (参数 b),设置必要压缩归并的 CSS 单文件 (参数 f),然后动态输出独立的伪 CSS 文件。以芒果为例:

整站共有 reset.css、mangguo.min.css 两个样式文件。安排于 WordPress 对该当前主题的 CSS 目次下,那么基准 URL 指定为:

b=wp-content/themes/mangguo/css文件列表指定为:

f=reset.css,mangguo.min.css参数之间通过 & 标记毗连。也可以不指定基准 URL,而缺省 b 参数直接设置文件组合:

<link href="/min/f=wp-content/themes/mangguo/css/reset.css,wp-content/themes/mangguo/css/mangguo.min.css" rel="stylesheet" />虽然 JavaScript 文件的压缩归并道理和 CSS 是同等的。

项目托管地点:http://code.google.com/p/minify

出处:http://www.mangguo.org/

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读