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