使用Minify来优化网站性能

开发 后端
Minify 是用PHP5开发的应用,通过遵循一些Yahoo的优化规则来提高网站的性能。它会合并多个CSS或者JavaScript文件,移除一些不必要的空格和注释,进行gzip压缩,并且会设置浏览器的缓存头。本文本文主要介绍Minify来优化网站性能。

Minify 是用PHP5开发的应用,通过遵循一些Yahoo的优化规则来提高网站的性能。它会合并多个CSS或者JavaScript文件,移除一些不必要的空格和注释,进行gzip压缩,并且会设置浏览器的缓存头。Minify 在设计上和Yahoo的 Combo Handler Service非常像,不过Minify可以合并任何你想要合并的JavaScript和CSS文件。

一般情况下,网站速度的瓶颈都在前端,而最关键的就是资源的加载速度,但是大多数浏览器都有单个域名并发请求数限制,所以如果一个页面中存在很多的资源,比如CSS和JavaScript文件,那么明显会降低网站的加载速度,比较好处理方式就是把多个文件通过一个请求来访问,这样既不会影响之前的文件维护,又会减少资源的清楚数量,Minify就是为之而生。

下面两幅图分别是启用Minify之前和启用Minify之后网站请求时间的一个对比,可以看出启用Minify之后,资源的加载时间从250ms减少到了125ms,总共节省了50%的时间。

 

  

特性:

合并多个CSS或JavaScript文件为一个文件,减少请求数量,并且进行minify处理

使用了多个开源的库,包括 JSMin.php ,Minify CSS,Minify HTML

服务端缓存(fils/APC/Memcache),可以避免不必要的重复处理

当浏览器存在资源的缓存,返回HTTP 304 Not Modified

多个文件合并时,自动生成URI

当开启服务端缓存的时候,在一般的服务器上Minify每秒可以处理几百个并发请求

根据请求头,开启Content-Encoding: gzip。在服务端缓存开启的情况下,Minify提供gzipped 文件速度比Apache’s mod_deflate模块要快

安装

下载最新的Minify(http://code.google.com/p/minify/downloads/list),然后解压文件到”min” 文件夹

Copy “min” 文件夹到自己网站的DOCUMENT_ROOT下,如果想要Minify在子目录下工作,看这里

使用

假设网站域名是http://example.com,Minify安装在了虚拟主机的根目录下,那么访问http://example.com/min/,我们会看到一个“Minify URI Builder”,我们可以输入需要进行合并的文件URI,如下

点击Update之后,系统会自动生成一个合并后的URI:/min/?b=js&f=jquery-a.js,jquery-b.js,jquery-c.js。如果觉得URI太长,可以通过配置文件来指定group,编辑min目录下的groupsConfig.php文件,加入以下内容:

return array(
'js' => array('//js/jquery-a.js', '//js/jquery-b.js', '//js/jquery-c.js'),//相对于DOCUMENT_ROOT
);

之后就可以通过/min/?g=js来访问了 

Minify在资源首次被请求的时候,会对多个文件进行合并,gzip,去除空格,注释等处理,然后会把处理的结果进行缓存,默认情况下是进行文件缓存,缓存的key以minify_开头,修改min/config.php文件,配置缓存文件存放的位置:

$min_cachePath = '/tmp';

 

除了通过文件进行缓存之外,Minify还支持Memcache缓存,修改min/index.php文件,加入以下代码:

Minify支持两种debug方式,一种是通过firephp调试PHP错误,修改min/config.php文件,加入以下代码:

另一种是通过在URL中加入flag进行错误调试,在min/config.php中加入

 

之后就能以http://example.com/min/f=jquery-a.js,jquery-b.js,jquery-c.js&debug=1方式进行调试了

参考:

http://code.google.com/p/minify/wiki/UserGuide

http://www.mrclay.org/2008/09/19/minify-21-on-mrclayorg/

文章来源:http://weizhifeng.net/2011/04/30/performance-optimization-using-minify/

 【编辑推荐】

  1. 2011中国PHP技术高峰论坛精彩看点
  2. 中国应用开源脚本语言PHP的水平如何?
  3. 五个常见 PHP数据库问题
  4. 是什么造成PHP远程文件包含漏洞产生
责任编辑:于铁 来源: weizhifeng.net
相关推荐

2016-08-12 10:23:28

javascriptChrome前端

2010-07-06 09:07:09

2019-12-12 21:45:17

javascript前端css

2019-03-14 15:38:19

ReactJavascript前端

2010-05-28 10:23:59

JavaScriptWeb

2020-12-21 08:32:07

内存性能优化

2019-03-06 10:25:30

Web图片优化命令

2021-05-31 08:30:50

监控网站性能

2010-08-18 09:26:56

DB2性能调优

2022-02-25 23:46:54

JavaScript网站开发

2013-08-29 10:50:48

移动网站性能优化移动web

2009-04-16 16:57:58

DotNetNuke优化网站开发

2011-08-24 17:23:10

2011-06-28 18:04:06

网站优化

2013-08-27 13:13:29

移动网站性能优化移动web

2011-06-28 15:14:10

ASP.NET性能优化

2017-11-27 14:58:01

MySQL高并发优化性能调优

2017-12-14 14:32:30

.Net内存代码

2023-12-18 09:08:40

IstioSidecar代理服务

2019-03-18 15:35:45

WebCSS前端
点赞
收藏

51CTO技术栈公众号