小技巧給網頁減肥，讓網站提速

標籤：http   java   使用   strong   檔案   資料   art   問題   

對於網站設計師來講，網站的訪問速度甚至比內容還重要。就算網站內容很優秀，但如果訪問速度很慢，相信也不會有多少人耐心等待。下面就介紹一些我試用過的網站減肥方法，效果還不錯，文章插圖中的數字就是我部落格減肥前後資料對比圖，也希望在將來設計網站的時候能多多注意以下幾項。

1:使用Gzip壓縮文檔：Gzip編碼是用來改進網頁效能的方法，不僅可以減小儲存空間，還可以減少傳輸所需要的時間。將網站中的檔案使用Gzip壓縮後，可以顯著地增加網頁載入速度，同時也可以降低網站的頻寬流量消耗。（使用此方法會加重伺服器負擔，因為需要修改伺服器配置，對於虛擬機器主機使用者來講不可操作。）
延伸閱讀：

如何給Tomcat，Apache配置gzip壓縮功能

如何給IIS上啟用Gzip壓縮詳解

2:CSS壓縮減肥工具 http://www.xland.com.cn/css/geshihuacss.htm

把你的網站CSS代碼複製到此框內，點擊壓縮化，一般都可以對CSS壓縮1-5k.我的部落格CSS代碼縮小了2K。

3:給JavaScript檔案減肥：這個方法不同於Gzip壓縮功能，縮小JavaScript文檔有很多方法，在這裡推薦使用JS線上減肥網站：http://javascriptcompressor.com/

4:將樣式表檔案放在外部調用：把頁面中需要用到的JavaScript 和CSS樣式表檔案放在另外的檔案夾中，這樣一來在開啟網站其他頁面時就會緩衝這些調用的檔案，從而加快網站頁面的載入速度。

5:網站圖片盡量使用GIF格式。GIF格式圖片佔用空間小，例如我的部落格的插圖，JPG格式的圖片一般在10-50K之間，而GIF格式圖片一般都是10K以下。

6:盡量不要在首頁調用太大的FLASH檔案和視頻檔案。

7:避免使用網頁重新導向：無論是通過伺服器端重新導向還是通過JavaScript代碼進行內容重新導向，網站都會首先載入一個空白的頁面，然後再定向到另外的頁面，這樣不僅延長了頁面的載入時間，還很有可能導致無法跳轉，讓使用者面對一個“空白”頁面。延伸閱讀：如何正確使用網頁重新導向

8:把統計代碼放到網站的最下面：不要和頁面內容同在一個Table或者div標籤裡。可以在頁面代碼的最下方直接放置統計代碼，或者在最下方單獨做一個Table或者div來放置計數器。這樣，在計數器不能訪問的時候，你的網站速度也不會受到絲毫影響。

最後介紹一下我的部落格測試速度的網站http://loadimpact.com

在文字框中輸入要測試網站的網址lusongsong.com，然後點擊Start test按鈕就開始對網站速度進行測試。稍等一段時間，可以統計出載入網站的一些詳細載入資料。包括整體載入和站內圖片以及JavaScript 、CSS等代碼載入。可以在右側列表選擇不同檔案來同時對比，最多三個對象的載入資料。而且在Loadimpact網站中還可以組建圖表顯示，方便我們進行分析。通過產生的資料，就會知道自己網站速度的瓶頸在哪裡，從而進一步來解決問題。