對(duì)于網(wǎng)站設(shè)計(jì)師來(lái)講，網(wǎng)站的訪(fǎng)問(wèn)速度甚至比內(nèi)容還重要。就算網(wǎng)站內(nèi)容很優(yōu)秀，但如果訪(fǎng)問(wèn)速度很慢，相信也不會(huì)有多少人耐心等待。下面就介紹一些我試用過(guò)的網(wǎng)站減肥方法，效果還不錯(cuò)，文章插圖中的數(shù)字就是我博客減肥前后數(shù)據(jù)對(duì)比圖，也希望在將來(lái)設(shè)計(jì)網(wǎng)站的時(shí)候能多多注意以下幾項(xiàng)。
1:使用Gzip壓縮文檔：Gzip編碼是用來(lái)改進(jìn)網(wǎng)頁(yè)性能的方法，不僅可以減小存儲(chǔ)空間，還可以減少傳輸所需要的時(shí)間。將網(wǎng)站中的文件使用Gzip壓縮后，可以顯著地增加網(wǎng)頁(yè)加載速度，同時(shí)也可以降低網(wǎng)站的帶寬流量消耗。（使用此方法會(huì)加重服務(wù)器負(fù)擔(dān)，因?yàn)樾枰薷姆⻊?wù)器配置，對(duì)于虛擬主機(jī)用戶(hù)來(lái)講不可操作。）
延伸閱讀：
如何給Tomcat，Apache配置gzip壓縮功能
如何給IIS上啟用Gzip壓縮詳解
2:CSS壓縮減肥工具 http://www.xland.com.cn/css/geshihuacss.htm
把你的網(wǎng)站CSS代碼復(fù)制到此框內(nèi)，點(diǎn)擊壓縮化，一般都可以對(duì)CSS壓縮1-5k.我的博客CSS代碼縮小了2K。
3:給JavaScript文件減肥：這個(gè)方法不同于Gzip壓縮功能，縮小JavaScript文檔有很多方法，在這里推薦使用JS在線(xiàn)減肥網(wǎng)站：http://javascriptcompressor.com/
4:將樣式表文件放在外部調(diào)用：把頁(yè)面中需要用到的JavaScript 和CSS樣式表文件放在另外的文件夾中，這樣一來(lái)在打開(kāi)網(wǎng)站其他頁(yè)面時(shí)就會(huì)緩存這些調(diào)用的文件，從而加快網(wǎng)站頁(yè)面的加載速度。
5:網(wǎng)站圖片盡量使用GIF格式。GIF格式圖片占用空間小，例如我的博客的插圖，JPG格式的圖片一般在10-50K之間，而GIF格式圖片一般都是10K以下。
6:盡量不要在首頁(yè)調(diào)用太大的FLASH文件和視頻文件。
7:避免使用網(wǎng)頁(yè)重定向：無(wú)論是通過(guò)服務(wù)器端重定向還是通過(guò)JavaScript代碼進(jìn)行內(nèi)容重定向，網(wǎng)站都會(huì)首先加載一個(gè)空白的頁(yè)面，然后再定向到另外的頁(yè)面，這樣不僅延長(zhǎng)了頁(yè)面的加載時(shí)間，還很有可能導(dǎo)致無(wú)法跳轉(zhuǎn)，讓用戶(hù)面對(duì)一個(gè)“空白”頁(yè)面。延伸閱讀：如何正確使用網(wǎng)頁(yè)重定向
8:把統(tǒng)計(jì)代碼放到網(wǎng)站的最下面：不要和頁(yè)面內(nèi)容同在一個(gè)Table或者div標(biāo)簽里�？梢栽陧�(yè)面代碼的最下方直接放置統(tǒng)計(jì)代碼，或者在最下方單獨(dú)做一個(gè)Table或者div來(lái)放置計(jì)數(shù)器。這樣，在計(jì)數(shù)器不能訪(fǎng)問(wèn)的時(shí)候，你的網(wǎng)站速度也不會(huì)受到絲毫影響。
最后介紹一下我的博客測(cè)試速度的網(wǎng)站http://loadimpact.com
在文本框中輸入要測(cè)試網(wǎng)站的網(wǎng)址lusongsong.com，然后點(diǎn)擊Start test按鈕就開(kāi)始對(duì)網(wǎng)站速度進(jìn)行測(cè)試。稍等一段時(shí)間，可以統(tǒng)計(jì)出加載網(wǎng)站的一些詳細(xì)載入數(shù)據(jù)。包括整體加載和站內(nèi)圖片以及JavaScript 、CSS等代碼載入�？梢栽谟覀�(cè)列表選擇不同文件來(lái)同時(shí)對(duì)比，最多三個(gè)對(duì)象的加載數(shù)據(jù)。而且在Loadimpact網(wǎng)站中還可以生成圖表顯示，方便我們進(jìn)行分析。通過(guò)生成的數(shù)據(jù)，就會(huì)知道自己網(wǎng)站速度的瓶頸在哪里，從而進(jìn)一步來(lái)解決問(wèn)題。
作者：盧松松
轉(zhuǎn)載請(qǐng)保留原文地址: http://1-888-leg-vein.com/show-296.html