對于網站設計師來講,網站的訪問速度甚至比內容還重要。就算網站內容很優秀,但如果訪問速度很慢,相信也不會有多少人耐心等待。下面就介紹一些網頁設計試用過的網站減肥方法,效果還不錯,希望在將來設計網站的時候能多多注意以下幾項。
1:使用gzip壓縮文檔:gzip編碼是用來改進網頁性能的方法,不僅可以減小存儲空間,還可以減少傳輸所需要的時間。將網站中的文件使用gzip壓縮后,可以顯著地增加網頁加載速度,同時也可以降低網站的帶寬流量消耗。(使用此方法會加重服務器負擔,因為需要修改服務器配置,對于虛擬主機用戶來講不可操作。)
2:css壓縮減肥工具 http://www.xland.com.cn/css/geshihuacss.htm
把你的網站css代碼復制到此框內,點擊壓縮化,一般都可以對css壓縮1-5k。
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來放置計數器。這樣,在計數器不能訪問的時候,你的網站速度也不會受到絲毫影響。
9.網站測試速度的網站http://loadimpact.com
在文本框中輸入要測試網站的網址VeVb.com,然后點擊start test按鈕就開始對網站速度進行測試。稍等一段時間,可以統計出加載網站的一些詳細載入數據。包括整體加載和站內圖片以及javascript 、css等代碼載入??梢栽谟覀攘斜磉x擇不同文件來同時對比,最多三個對象的加載數據。而且在loadimpact網站中還可以生成圖表顯示,方便我們進行分析。通過生成的數據,就會知道自己網站速度的瓶頸在哪里,從而進一步來解決問題。
新聞熱點
疑難解答