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

 

Minify

 

 

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

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

Minify

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

可以看看我的站點的最終效果:www.yihuotv.com

 

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

Minify

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

Minify

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

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

Minify

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章