2012-02-26
關鍵詞:
4470
1、盡量使網頁符合W3C標準
網頁代碼盡量要寫標準規范,盡量采用DIV+CSS架構,因為table的代碼實在要多出很多。
2、精簡你的CSS代碼
將網頁的CSS代碼放置到一個外部文件中,在head區用<link href=@”CSS文件路徑” rel=”stylesheet” type=”text/css” />調用,同時將CSS代碼精簡,比如一段CSS如下:
.main{width:960px;margin-left:10px;margin-right:10px;margin-top:5px;margin-bottom:5px;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;border-left:1px #ccc solid;border-right:1px #ccc solid;border-top:1px #ccc solid;border-bottom:1px #ccc solid;}
這段代碼感覺太多了吧,我們完全可以改成下面的:
.main{width:960px;margin:5px 10px;padding:0;border:1px #ccc solid;}
這樣就精簡很多了。
3、給你的圖片減肥
圖片可以說是影響網頁加載速度最大的因素,在保證圖片質量的前提下,盡量將圖片的尺寸降低,最好使用GIF或JPG格式的圖片。
4、盡量使用背景圖片,而不是直接加載
圖片可以讓網站增添不少活力,但同樣卻是影響網頁加載速度的最大罪魁禍首,很多需要使用圖片的地方,我們可以采用背景的形式來展示,盡量使用很少的背景圖,比如,將所要用到的圖片全部放在一張,利用CSS控制,這樣將HTTP請求減少到最低。
5、將JS代碼放置外部文件中,通過<script>調用
JS代碼我們知道搜索引擎是不能讀取的,放一堆在頁面中太占地方了,我們同樣跟CSS一樣放置到外部文件中,通過<script type=”text/javascript” language=”javascript” src=@”JS文件路徑”></scpirt> 這種形式來調用。
6、將所有標記的代碼放到頁面底部
當你的網頁調用了JS文件來實現某些特效,那通常是在HEAD區域使用<script>標記,其實我們可以放到底部來。對于訪客來說,網站打開至加載到底部的代碼時間很短,有時可以忽略不記,所以不會影響什么。而對于搜索引擎來說它不認識的代碼越少當然越好了。
7、將網頁生成靜態的
動態頁面,是需要服務器端通過客戶端的請求再臨時生成的,雖然現在的帶寬足以讓之間的差別變得很小,但還是可能有部分訪客自家的網速很慢,這樣動態頁面跟生成的純靜態頁面的打開速度就相差很明顯了。