我想大家都接觸過Javascript和CSS吧，網(wǎng)站大量的特性都會用到Javascript和CSS文件，如果網(wǎng)站做大了，這些文件也會越來越多，這些文件一多了，就要影響到網(wǎng)站打開得速度，怎么解決這個問題呢？我們就要顯示是壓縮Javascript和CSS文件，減少Javascript和CSS文件的大小，從而提高我們網(wǎng)站打開速度；
 我在這里給大家介紹一款html，javascript，css 壓縮工具，今天就以這個五色旗保健品商城為例為大家講解:
一、壓縮html和javascript：
我們用站長工具的JavaScript-HTML格式化工具，我們打開頁面，我今天要壓縮的文件js文件：common.js ，把js代碼復制到到JavaScript/HTML格式化工具里面如下圖所示：

點擊下面的“普通壓縮”和“加密壓縮”按鈕，經(jīng)過我的精心測試，使用“加密壓縮”，對文件壓縮率是最好的，所以點擊“加密壓縮”，壓縮后如圖：

javascript代碼壓縮后，我們就把這些代碼在復制到common.js文件里面，在吧這個文件上傳到空間原來的位置，進行訪問是否存在一些錯誤，如果沒有什么問題說明壓縮成功；

我的common.js 文件壓縮前和壓縮后的對比：
壓縮前：

壓縮后：

文件壓縮前和壓縮后確實有明確的減少，說明壓縮確實減少文件的大小，
我們來測試文件壓縮前和壓縮后所有能的時間做對比(我是用火狐插件測試傳輸速度)：
壓縮前所用時間：

壓縮后所用時間：

壓縮前所用時間是：125ms，壓縮后所用時間：78ms ，文件壓縮后給我們節(jié)省大量的時間，如果每個js都進行壓縮，我們房子訪問速度會更快的。

(注：html文件和javascript壓縮原來一樣的，當時壓縮html要用到“普通壓縮”按鈕壓縮)

二、壓縮css文件：
我們打開站長工具的Css壓縮/格式化工具頁面，我要壓縮的文件是五色旗保健品商城的css主文件style.css，首先我們打開站長工具的Css壓縮/格式化工具頁面 ，把style.css 代碼放到Css壓縮/格式化工具里面，如下圖所示：

點擊“壓縮代碼”按鈕后，css代碼壓縮成功，如下圖所示：

后邊就是壓縮后的css代碼，你要不右邊的代碼復制到源文件style.css里面在上傳到服務器空間里面，在訪問一下網(wǎng)，看看網(wǎng)頁樣式有沒有改變，如果有點變化就需要簡單的調(diào)試一下，如果沒有變樣，說明你的css壓縮成功了；
下面我們來看看styl.css文件壓縮前和壓縮后的大小和放在訪問速度的大?。?br/>文件大小對比：
壓縮前：

壓縮后：

壓縮前30kb，壓縮后23kb，明顯的文件大小減小了
壓縮前所用時間：

壓縮后所用時間：

壓縮前所用時間是：188ms，壓縮后所用時間：93ms ，css壓縮后明顯的節(jié)省了95ms；

總結：一個大的網(wǎng)站可能會有很多的javascript和css，如果沒有都進行壓縮的話，一定會減少很多文件大小的，其實減少文件大少并不是很重要，最重要的是，文件容量減少了，能夠快速的提高網(wǎng)站訪問的速度，給用戶帶來好的體驗，我們盡量的把文件壓縮到最小，這樣才有利于用戶快速的打開網(wǎng)站。