一個頁面可能包含很多的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合併成了一個進行傳輸