使用Minify合并css和js減少http請求

一個頁面可能包含很多的css和js檔案，如果能夠合并這些檔案，能夠大大減少網站的http請求，減少日誌的產生和使用者體驗的提高。

Minify就是一個能夠合并css或js為一個檔案的工具，不但可以合并，而且可以壓縮。下面介紹一下使用方式：

 

首先下載Minify

：https://code.google.com/p/minify/downloads/list

解壓後，將裡面的min檔案夾解壓到網站根目錄

然後訪問http://網域名稱/min

用我的網站做個範例：http://www.yihuotv.com/min

 

產生單個css/js檔案

進去頁面後，是Minify的線上工具頁面

 

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/11542622N-0.jpg" border="0" alt="Minify" />

 

650) this.width=650;" src="file:///C:\Users\lust\AppData\Roaming\Tencent\Users\348265683\QQ\WinTemp\RichOle\85ATR[OB2~BDOEAB~[Y8E60.jpg" alt="" />

 

在文字框中加入css或者js的地址css和js的要分別添加和產生）

然後點擊updata產生最終的路徑

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/11542B041-1.jpg" border="0" alt="Minify" />

將產生的HTML複製下來，注釋掉網頁HTML源碼中原來的css和js代碼，將合并後的代碼複製進去

可以看看我的網站的最終效果：www.yihuotv.com

 

原來有10個css和js檔案我已經將他們注釋掉了）

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/11542B008-2.jpg" border="0" alt="Minify" />

合并後產生1個css檔案，和1個js檔案

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/11542B5O-3.jpg" border="0" alt="Minify" />

開啟其中的css檔案，發現已經壓縮過了

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/1154264023-4.jpg" border="0" alt="" />

所有的css合并成了一個進行傳輸

650) this.width=650;" src="http://www.bkjia.com/uploads/allimg/131228/1154261033-5.jpg" border="0" alt="Minify" />

 

本文出自 “lustlost-迷失在慾望之中” 部落格，請務必保留此出處http://lustlost.blog.51cto.com/2600869/1154566