一、盡量使用靜態(tài)HTML頁(yè)面
眾所周知,ASP、PHP、JSP等程序?qū)崿F(xiàn)了網(wǎng)頁(yè)信息的動(dòng)態(tài)交互,運(yùn)行起來(lái)的確非常方便,因?yàn)樗鼈兊臄?shù)據(jù)交互性好,能很方便地存取、更改數(shù)據(jù)庫(kù)的內(nèi)容,使網(wǎng)站“動(dòng)”起來(lái),如:論壇、留言板等。但是這類程序必須先由服務(wù)器執(zhí)行處理后,生成HTML頁(yè)面,然后再“送”往客戶端瀏覽,這就不得不耗費(fèi)一定的服務(wù)器資源。過(guò)多地使用這類程序,網(wǎng)頁(yè)顯示速度肯定會(huì)慢,所以盡量使用靜態(tài)的HTML頁(yè)面。
我們制作的網(wǎng)站,主要是向用戶提供信息,不需要和用戶很多交流,所以我們主要是采用靜態(tài)頁(yè)面。只有在進(jìn)行文件包括時(shí)采用了后綴名為.shtnl的網(wǎng)頁(yè)。
二、不要將整個(gè)頁(yè)面內(nèi)容放到一個(gè)Table中
將整個(gè)頁(yè)面用一個(gè)表格劃分為如下的形狀:
這樣,頭部導(dǎo)航,底部版權(quán)信息、聯(lián)系方式,左邊導(dǎo)航友情鏈接都可以通過(guò)文件包含到網(wǎng)頁(yè)中,頁(yè)面布局方便,也減少了相同網(wǎng)頁(yè)的重復(fù)制作,而且能做到一改全改,十分方便。但是,這種網(wǎng)站的顯示速度是絕對(duì)慢的。因?yàn)門able要等里面所有的內(nèi)容都加載完畢后才顯示出來(lái)的,如果某些內(nèi)容無(wú)法訪問(wèn),就會(huì)拖延整個(gè)頁(yè)面的訪問(wèn)速度。
這個(gè)問(wèn)題其實(shí)在我們上WEB開發(fā)的課上,老師已經(jīng)提到過(guò),正確的做法是:將內(nèi)容分割到幾個(gè)具有相同格局的Table中去,不要全都放到一個(gè)Table里。
三、網(wǎng)頁(yè)盡量精簡(jiǎn)
我們?yōu)g覽網(wǎng)頁(yè)實(shí)際上是將服務(wù)器上的網(wǎng)頁(yè)內(nèi)容下載到本地硬盤,再用瀏覽器解釋查看的。下載網(wǎng)頁(yè)的快慢在顯示速度上占了很大比重,所以,網(wǎng)頁(yè)本身所占的空間越小,那么瀏覽速度就會(huì)越快。
這就要求在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候遵循一切從簡(jiǎn)的原則,如:刪除無(wú)用代碼,不要使用太大的Flash動(dòng)畫、圖片格式盡量使用.gif等等。
可以嘗試使用gif和Jpeg交互格式的圖象,因?yàn)榻换ジ袷降膱D像是分級(jí)顯示出來(lái)的--先以很低的分辨率顯示,然后逐步提高分辨率,直至后達(dá)到正常顯示--這種方式有時(shí)候會(huì)使較大的圖像看起來(lái)好象裝載得快一些,實(shí)際上并非如此,但這是一種有益的錯(cuò)覺(jué)。這樣也便于讀者在圖像裝載的過(guò)程中看到它的模樣,如果他們不喜歡或不想看的話就有機(jī)會(huì)中斷傳輸或轉(zhuǎn)向別的地方。
四、注意友情鏈接
網(wǎng)站之間互相做鏈接可以增加網(wǎng)站的宣傳效果,同時(shí)也方便了網(wǎng)站的訪問(wèn)者。一種方法是做LOGO圖片鏈接,這樣更能準(zhǔn)確地描述網(wǎng)站的主題和定位,宣傳效果會(huì)大大的增強(qiáng),但圖片鏈接做得太多,必然會(huì)影響網(wǎng)頁(yè)的顯示速度。
所以,做友情鏈接時(shí)應(yīng)盡量考慮做以下幾點(diǎn):
1. 多做文字鏈接:做文字鏈接是不會(huì)延遲網(wǎng)頁(yè)速度的。
2. 如果友情鏈接一定要出現(xiàn)在頁(yè),請(qǐng)將鏈接所在的整個(gè)Table放到頁(yè)面的下方,因?yàn)轫?yè)面是由上到下逐行顯示的,將其放到頁(yè)面的下方,不會(huì)延遲其他內(nèi)容的顯示。