使用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的在線工具頁面

 

 

 

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

而後點擊updata生成最終的路徑

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

能夠看看個人站點的最終效果：www.yihuotv.com

 

原來有10個css和js文件（我已經將他們註釋掉了）

合併後生成1個css文件，和1個js文件

打開其中的css文件，發現已經壓縮過了

全部的css合併成了一個進行傳輸