正在载入...

先看一个例子:

<script src="/min/b=wp-content/themes/mangguo/js&f=jquery.js,jquery.mangguo.min.js"></script>
<link href="/min/b=wp-content/themes/mangguo/css&f=reset.css,mangguo.min.css" rel="stylesheet" />

现做的就是显示例子中,把所有的js合在一起,把所以的css也和在一起,这样就有可能能减少http请求数。

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

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

1、Make Fewer HTTP Requests

2、Add an Expires or a Cache-Control Header

3、Gzip Components

4、Minify JavaScript and CSS

5、Configure ETags

6、Keep Components under 25K

特性:

合并多个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,然后解压文件到”min” 文件夹

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

使用

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

如何使用Minify减少js和css调用时http请求数

点击Update之后,系统会自动生成一个合并后的URI:/min/?b=js&f=jquery-a.js,jquery-b.js,jquery-c.js

本文链接:

关键词:http请求数, Minify, 互联网, 代码, 程序, 网站优化,

(全文完        )

Comments

5 条评论(网友评论:4 条,博主回复:1 条)快速评论

  1. dongsheng868

    植入广告太多了吧

    • 没有对联,没有浮动等严重影响阅读的广告,在不影响阅读的情况下,开头和结尾,偶尔在文章中间加个广告。不知道多在哪里?就算我想多,google adsense最多也就只能是3个,不似某度无节操,什么广告都一大摞。

      赚个域名和空间钱,也这么多意见。

      你有充分的选择权,互联网都是用脚投票的。

  2. 没有对联,没有浮动等严重影响阅读的广告,在不影响阅读的情况下,开头和结尾,偶尔在文章中间加个广告

  3. 没有对联,没有浮动等严重影响阅读的广告,在不影响阅读的情况下,开头和结尾,偶尔在文章中间加个广告

  4. 植入广告太多了吧

你需要 登录 才可以回复.