當(dāng)我們的網(wǎng)站內(nèi)容多了之后，我們打開自己的網(wǎng)站就會(huì)非常的慢，有很多人呢就會(huì)換好的服務(wù)器，和增加帶寬；其實(shí)不是這樣的，不妨我通過一些優(yōu)化減少占用服務(wù)器和寬帶的資源，從而提高網(wǎng)站打開得速度；
我想大家都接觸過Javascript和CSS吧，網(wǎng)站大量的特性都會(huì)用到Javascript和CSS文件，如果網(wǎng)站做大了，這些文件也會(huì)越來越多，這些文件一多了，就要影響到網(wǎng)站打開得速度，怎么解決這個(gè)問題呢？我們就要顯示是壓縮Javascript和CSS文件，減少Javascript和CSS文件的大小，從而提高我們網(wǎng)站打開速度；
我在這里給大家介紹一款html，javascript，css 壓縮工具，今天我以我的五色旗保健品商城為例為大家講解:
一、壓縮html和javascript：
我們用站長工具的JavaScript-HTML格式化工具，我們打開頁面，我今天要壓縮的文件js文件：common.js ，把js代碼復(fù)制到到JavaScript/HTML格式化工具里面如下圖所示：
js壓縮前02.jpg (64.38 KB, 下載次數(shù): 1)
下載附件
點(diǎn)擊下面的“普通壓縮”和“加密壓縮”按鈕，經(jīng)過我的精心測試，使用“加密壓縮”，對文件壓縮率是Z好的，所以點(diǎn)擊“加密壓縮”，壓縮后如圖：
js加密壓縮后05.jpg (180.49 KB, 下載次數(shù): 0)
下載附件
javascript代碼壓縮后，我們就把這些代碼在復(fù)制到common.js文件里面，在吧這個(gè)文件上傳到空間原來的位置，進(jìn)行訪問是否存在一些錯(cuò)誤，如果沒有什么問題說明壓縮成功；
我的common.js 文件壓縮前和壓縮后的對比：
壓縮前：
js文件壓縮前01.jpg (3.13 KB, 下載次數(shù): 0)
下載附件
js文件壓縮前01.jpg
壓縮后：
js加密壓縮后06.jpg (2.15 KB, 下載次數(shù): 0)
下載附件
js加密壓縮后06.jpg
文件壓縮前和壓縮后確實(shí)有明確的減少，說明壓縮確實(shí)減少文件的大小，
我們來測試文件壓縮前和壓縮后所有能的時(shí)間做對比(我是用火狐插件測試傳輸速度)：
壓縮前所用時(shí)間：
js壓縮前所用的時(shí)間01.jpg (6.35 KB, 下載次數(shù): 0)
下載附件
js壓縮前所用的時(shí)間01.jpg
壓縮后所用時(shí)間：
js壓縮后所用的時(shí)間02.jpg (6.31 KB, 下載次數(shù): 0)
下載附件
js壓縮后所用的時(shí)間02.jpg
(注：html文件和javascript壓縮原來一樣的，當(dāng)時(shí)壓縮html要用到“普通壓縮”按鈕壓縮)
二、壓縮css文件：
我們打開站長工具的Css壓縮/格式化工具頁面，我要壓縮的文件是五色旗保健品商城的css主文件style.css，首先我們打開站長工具的Css壓縮/格式化工具頁面 ，把style.css 代碼放到Css壓縮/格式化工具里面，如下圖所示：
css壓縮前.jpg (80.95 KB, 下載次數(shù): 0)
下載附件
css壓縮前.jpg
點(diǎn)擊“壓縮代碼”按鈕后，css代碼壓縮成功，如下圖所示：
css壓縮.jpg (175.44 KB, 下載次數(shù): 0)
下載附件
css壓縮后.jpg
后邊就是壓縮后的css代碼，你要不右邊的代碼復(fù)制到源文件style.css里面在上傳到服務(wù)器空間里面，在訪問一下網(wǎng)，看看網(wǎng)頁樣式有沒有改變，如果有點(diǎn)變化就需要簡單的調(diào)試一下，如果沒有變樣，說明你的css壓縮成功了；
下面我們來看看styl.css文件壓縮前和壓縮后的大小和放在訪問速度的大小：
文件大小對比：
壓縮前：
壓縮前01.jpg (2.17 KB, 下載次數(shù): 0)
下載附件
css壓縮前文件大小01.jpg
壓縮后：
壓縮后02.jpg (2.62 KB, 下載次數(shù): 0)
下載附件
css壓縮后大小02.jpg
壓縮前30kb，壓縮后23kb，明顯的文件大小減小了
壓縮前所用時(shí)間：
css壓縮前的時(shí)間.jpg (7.36 KB, 下載次數(shù): 0)
下載附件
css壓縮前的時(shí)間.jpg
壓縮后所用時(shí)間：
css壓縮后的時(shí)間.jpg (6.06 KB, 下載次數(shù): 0)
下載附件
css壓縮后的時(shí)間.jpg
壓縮前所用時(shí)間是：188ms，壓縮后所用時(shí)間：93ms ，css壓縮后明顯的節(jié)省了95ms；
總結(jié)：一個(gè)大的網(wǎng)站可能會(huì)有很多的javascript和css，如果沒有都進(jìn)行壓縮的話，一定會(huì)減少很多文件大小的，其實(shí)減少文件大少并不是很重要，Z重要的是，文件容量減少了，能夠快速的提高網(wǎng)站訪問的速度，給用戶帶來好的體驗(yàn)，我們盡量的把文件壓縮到Z小，這樣才有利于用戶快速的打開網(wǎng)站，至此我的五色旗保健品商城優(yōu)化后，我的每天的訪問量也增加了很多。
-
壓縮后02.jpg (2.62 KB, 下載次數(shù): 4)
下載附件
2013-11-2 00:33 上傳
