墨客阁-分享成长的个人博客

minify 自动合并压缩JS和CSS减少请求数提高速度

工具源码
2019-06-28 19:56:34
59

提升网站打开速度的方法有很多,减少HTTP请求是从网页优化的角度提升打开速度,网页中的的图片、form、flash等等元素都会发出HTTP请求,尽可能的减少页面中非必要的元素,可以减少HTTP请求的次数。合并脚本和CSS文件,可以减少HTTP请求。

压缩 JavaScript 和 CSS,是为减少文件大小,节省流量开销;合并 JavaScript 和 CSS,是为了减少请求数量,减轻服务器压力。而这些枯燥又没有技术含量的工作,我们以前通常会手动处理,费时又费力。其实这些工作可以让一些工具为我们代劳,比如说,今天我推荐的这个工具—— Minify。 


那我们怎么使用 Minify 呢?Minify 是 Google Code 上的一个开源项目,我们可以前往这里围观。安装方法如下: 

1、下载 Minify 并把 min 文件夹上传至你的主题文件夹下。 

2、配置 Minify,编辑 config.php 文件,可依据注释配置。(不配置也可使用 Minify) 

3、修改引入的 JavaScript 和 CSS 的链接地址。比如: 


我网站在首页需要引入五个 css 文件: 


<link rel="stylesheet" href="/Public/Home/xqx/css/common.css" />

<link rel="stylesheet" href="/Public/Home/xqx/css/bootstrap.css">

<link rel="stylesheet" href="/Public/Home/xqx/css/buttons.css">

<link rel="stylesheet" href="/Public/Home/xqx/css/font-awesome.min.css">

<link rel="stylesheet" href="/Public/Home/xqx/css/index.css" /> 


而现在,我只需引入这一个 css文件即可: 


<link rel="stylesheet" href="/Public/Home/xqx/min/?b=Public/Home/xqx/css&f=common.css,bootstrap.css,buttons.css,font-awesome.min.css,index.css">


这样一来,就可以简单地完成了从服务器端在线合并压缩 JavaScript 和 CSS 文件,可能你已经看出来了,Minify 并不只是针对 WordPress 可用,只要你的服务器有 PHP5 的环境就可以使用,所以你也可以在其他项目中或工作中使用它,会减轻你的工作量,提高项目质量。


minify下载:minify 自动合并压缩JS和CSS减少请求数提高速度minify-2.1.5.zip


上一篇:PHP循环输出二维数组的数据

下一篇:最后一篇

共有0条评论,评价请遵循国家法律,否则将封号处理...