css和js文件合并压缩工具Minify的使用

本文介绍如何使用Minify工具来合并并压缩网站中的多个CSS和JS文件,以减少HTTP请求次数,提升用户体验。通过实例演示了从下载安装到具体配置的过程。

一个页面可能包含很多的css和js文件,如果能够合并这些文件,能够大大减少网站的http请求,减少日志的产生和用户体验的提高。

Minify就是一个能够合并css或js为一个文件的工具,不但可以合并,而且可以压缩。下面介绍一下使用方式:

 

首先下载Minify

下载地址:https://code.google.com/p/minify/downloads/list

解压后,将里面的min文件夹解压到网站根目录

然后访问http://域名/min

 

生成单个css/js文件

进去页面后,是Minify的在线工具页面

 

Minify

 

在文本框中加入css或者js的地址(css和js的要分别添加和生成)

然后点击updata生成最终的路径

Minify

将生成的HTML复制下来,注释掉网页HTML源码中原来的css和js代码,将合并后的代码复制进去

可以看看我的站点的最终效果:www.yihuotv.com

 

原来有10个css和js文件(我已经将他们注释掉了)

Minify

合并后生成1个css文件,和1个js文件

Minify

打开其中的css文件,发现已经压缩过了

所有的css合并成了一个进行传输

Minify

转载于:https://www.cnblogs.com/qmtx3/archive/2013/03/21/2972523.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值