域名注冊 網(wǎng)站制作
您現(xiàn)在的位置:首頁 >> 網(wǎng)站建設 >> 內(nèi)容

小技巧給網(wǎng)頁減肥,讓網(wǎng)站提速。

時間:2014/8/18 10:15:51 點擊:357

摘要:對于網(wǎng)站設計師來講,網(wǎng)站的訪問速度甚至比內(nèi)容還重要。就算網(wǎng)站內(nèi)容很優(yōu)秀,但如果訪問速度很慢,相信也不會有多少人耐心等待。下面就介紹一些我試用過的網(wǎng)站減肥方法,效果還不錯,文章插圖中的數(shù)字就是我博客減...

對于網(wǎng)站設計師來講,網(wǎng)站的訪問速度甚至比內(nèi)容還重要。就算網(wǎng)站內(nèi)容很優(yōu)秀,但如果訪問速度很慢,相信也不會有多少人耐心等待。下面就介紹一些我試用過的網(wǎng)站減肥方法,效果還不錯,文章插圖中的數(shù)字就是我博客減肥前后數(shù)據(jù)對比圖,也希望在將來設計網(wǎng)站的時候能多多注意以下幾項。

1:使用Gzip壓縮文檔:Gzip編碼是用來改進網(wǎng)頁性能的方法,不僅可以減小存儲空間,還可以減少傳輸所需要的時間。將網(wǎng)站中的文件使用Gzip壓縮后,可以顯著地增加網(wǎng)頁加載速度,同時也可以降低網(wǎng)站的帶寬流量消耗。(使用此方法會加重服務器負擔,因為需要修改服務器配置,對于虛擬主機用戶來講不可操作。)

延伸閱讀:

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

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

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

把你的網(wǎng)站CSS代碼復制到此框內(nèi),點擊壓縮化,一般都可以對CSS壓縮1-5k.我的博客CSS代碼縮小了2K。

3:給JavaScript文件減肥:這個方法不同于Gzip壓縮功能,縮小JavaScript文檔有很多方法,在這里推薦使用JS在線減肥網(wǎng)站:http://javascriptcompressor.com/

4:將樣式表文件放在外部調(diào)用:把頁面中需要用到的JavaScript 和CSS樣式表文件放在另外的文件夾中,這樣一來在打開網(wǎng)站其他頁面時就會緩存這些調(diào)用的文件,從而加快網(wǎng)站頁面的加載速度。

5:網(wǎng)站圖片盡量使用GIF格式。GIF格式圖片占用空間小,例如我的博客的插圖,JPG格式的圖片一般在10-50K之間,而GIF格式圖片一般都是10K以下。

6:盡量不要在首頁調(diào)用太大的FLASH文件和視頻文件。

7:避免使用網(wǎng)頁重定向:無論是通過服務器端重定向還是通過JavaScript代碼進行內(nèi)容重定向,網(wǎng)站都會首先加載一個空白的頁面,然后再定向到另外的頁面,這樣不僅延長了頁面的加載時間,還很有可能導致無法跳轉(zhuǎn),讓用戶面對一個“空白”頁面。延伸閱讀:如何正確使用網(wǎng)頁重定向

8:把統(tǒng)計代碼放到網(wǎng)站的最下面:不要和頁面內(nèi)容同在一個Table或者div標簽里?梢栽陧撁娲a的最下方直接放置統(tǒng)計代碼,或者在最下方單獨做一個Table或者div來放置計數(shù)器。這樣,在計數(shù)器不能訪問的時候,你的網(wǎng)站速度也不會受到絲毫影響。

最后介紹一下我的博客測試速度的網(wǎng)站http://loadimpact.com

在文本框中輸入要測試網(wǎng)站的網(wǎng)址lusongsong.com,然后點擊Start test按鈕就開始對網(wǎng)站速度進行測試。稍等一段時間,可以統(tǒng)計出加載網(wǎng)站的一些詳細載入數(shù)據(jù)。包括整體加載和站內(nèi)圖片以及JavaScript 、CSS等代碼載入?梢栽谟覀(cè)列表選擇不同文件來同時對比,最多三個對象的加載數(shù)據(jù)。而且在Loadimpact網(wǎng)站中還可以生成圖表顯示,方便我們進行分析。通過生成的數(shù)據(jù),就會知道自己網(wǎng)站速度的瓶頸在哪里,從而進一步來解決問題。

作者:盧松松

轉(zhuǎn)載請保留原文地址: http://m.onedealspecials.com/show-296.html

責編:王麗 作者:盧松松 來源:網(wǎng)絡