分享如何處理網(wǎng)頁(yè)加載慢的經(jīng)驗(yàn)

現(xiàn)在已經(jīng)有很多人擁有了自己的網(wǎng)站,但最頭疼的問(wèn)題又?jǐn)[在他們的面前了。打開(kāi)網(wǎng)頁(yè)的瀏覽速度的問(wèn)題,如何能提高網(wǎng)頁(yè)瀏覽的速度呢,首先,不能不了解的網(wǎng)站系統(tǒng)設(shè)計(jì)方案、布局及結(jié)構(gòu)。 在這里我給大家分享一些經(jīng)驗(yàn),主要有一下幾點(diǎn):1. 記得幫頁(yè)面減肥  我們?yōu)g覽網(wǎng)頁(yè)實(shí)際上是將虛擬主機(jī)中的網(wǎng)頁(yè)內(nèi)容下載到本地硬盤(pán),再用瀏覽器解釋查看的。下載網(wǎng)頁(yè)的快慢在顯示速度上占了很大比重,所以,網(wǎng)頁(yè)本身所占的空間越小,那么瀏覽速度就會(huì)越快。這就要求在做網(wǎng)頁(yè)的時(shí)候遵循一切從簡(jiǎn)的原則,如:不要使用太大的Flash動(dòng)畫(huà)、圖片等資源。

現(xiàn)在已經(jīng)有很多人擁有了自己的網(wǎng)站,但最頭疼的問(wèn)題又?jǐn)[在他們的面前了。打開(kāi)網(wǎng)頁(yè)的瀏覽速度的問(wèn)題,如何能提高網(wǎng)頁(yè)瀏覽的速度呢,首先,不能不了解的網(wǎng)站系統(tǒng)設(shè)計(jì)方案、布局及結(jié)構(gòu)。 在這里我給大家分享一些經(jīng)驗(yàn),主要有一下幾點(diǎn):

1. 記得幫頁(yè)面減肥

  我們?yōu)g覽網(wǎng)頁(yè)實(shí)際上是將虛擬主機(jī)中的網(wǎng)頁(yè)內(nèi)容下載到本地硬盤(pán),再用瀏覽器解釋查看的。下載網(wǎng)頁(yè)的快慢在顯示速度上占了很大比重,所以,網(wǎng)頁(yè)本身所占的空間越小,那么瀏覽速度就會(huì)越快。這就要求在做網(wǎng)頁(yè)的時(shí)候遵循一切從簡(jiǎn)的原則,如:不要使用太大的Flash動(dòng)畫(huà)、圖片等資源。干凈、簡(jiǎn)潔的頁(yè)面會(huì)給人一種思路明朗的感覺(jué)。

 

2. 如沒(méi)必要,盡量使用靜態(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ù)器資源。如果在虛擬主機(jī)上過(guò)多地使用這類程序,網(wǎng)頁(yè)顯示速度肯定會(huì)慢,所以沒(méi)有必要,請(qǐng)盡量使用靜態(tài)的HTML頁(yè)面。

 

3. 切忌將整個(gè)頁(yè)面的內(nèi)容塞到一個(gè)Table中

  這是網(wǎng)頁(yè)設(shè)計(jì)的問(wèn)題了,很多站長(zhǎng)為了追求頁(yè)面統(tǒng)一對(duì)齊,將整個(gè)頁(yè)面的內(nèi)容都塞進(jìn)了一個(gè)Table(表格)里,然后再由單元格td來(lái)劃分各個(gè)“塊”的布局,這種網(wǎng)站的顯示速度是絕對(duì)慢的。因?yàn)門(mén)able要等里面所有的內(nèi)容都加載完畢后才顯示出來(lái)的,如果某些內(nèi)容無(wú)法訪問(wèn),就會(huì)拖延整個(gè)頁(yè)面的訪問(wèn)速度。正確的做法是:將內(nèi)容分割到幾個(gè)具有相同格局的Table中去,不要全都塞到一個(gè)Table里。

 

4. 將ASP、ASPX、PHP等文件的訪問(wèn)改為.js引用

  這在ASP、ASPX、PHP等程序設(shè)計(jì)時(shí)應(yīng)該注意的,如果你要在靜態(tài)的HTML頁(yè)面里嵌入動(dòng)態(tài)的數(shù)據(jù),而這些動(dòng)態(tài)的數(shù)據(jù)是由ASP、PHP等程序來(lái)提供的話,會(huì)使用以下的語(yǔ)句引用:,這樣的話,每次有一個(gè)人訪問(wèn)你的網(wǎng)站,服務(wù)器就要執(zhí)行并處理一次#asp文件,從數(shù)據(jù)庫(kù)抽取相應(yīng)的數(shù)據(jù),再輸出給網(wǎng)頁(yè)顯示,如果有幾萬(wàn)個(gè)人同時(shí)訪問(wèn),就要執(zhí)行幾萬(wàn)次,后果就可想而知。建議在這些程序中將數(shù)據(jù)動(dòng)態(tài)生成到一個(gè)1.js文件中去,然后在首頁(yè)通過(guò) < script src="http://www.XXX.com/1.js">< /script>這樣的代碼來(lái)引用該1.js文件。這樣,數(shù)據(jù)顯示的任務(wù)就交給客戶端的瀏覽器去做,不會(huì)耗費(fèi)服務(wù)器的資源,顯示速度自然就很快;

 

5. 使用iframe嵌套另一頁(yè)面

  如果你要在網(wǎng)站上插入一些廣告代碼,又不想讓這些廣告網(wǎng)站影響速度的話,那么,使用iframe最合適不過(guò)了。方法是:將這些廣告代碼放到一個(gè)獨(dú)立的頁(yè)面去,然后在首頁(yè)用如下的代碼將該頁(yè)面嵌入即可,這樣就不會(huì)因?yàn)閺V告頁(yè)面的延遲而拖了整個(gè)首頁(yè)的顯示,代碼如下:

 

<iframe align="center" width="780" height="30" name="all" scrolling="no" marginWidth=0 frameborder="0" src=http://www.XXX.com></iframe>

 

其中http://www.XXX.com 就是被引用的文件路徑。

 

6. 講究網(wǎng)站計(jì)數(shù)器代碼放置的技巧

  在網(wǎng)頁(yè)里放置計(jì)數(shù)器可以統(tǒng)計(jì)網(wǎng)站的訪問(wèn)流量,為站長(zhǎng)和廣告商家提供訪問(wèn)依據(jù),但是,不管功能有多強(qiáng)大的網(wǎng)站統(tǒng)計(jì)系統(tǒng),都會(huì)有出故障的時(shí)候。如果直接把統(tǒng)計(jì)代碼放到頁(yè)面內(nèi)容的前面,或者放在一個(gè)Table或者div標(biāo)簽里,那么在計(jì)數(shù)器不能訪問(wèn)的時(shí)候,你的頁(yè)面上那個(gè)Table或者div就會(huì)產(chǎn)生幾十秒鐘的延遲,導(dǎo)致頁(yè)面很長(zhǎng)時(shí)間才能訪問(wèn)。所以,要提高網(wǎng)站的速度,就要講究統(tǒng)計(jì)代碼放置的位置,正確的方法是:把統(tǒng)計(jì)代碼放到頁(yè)面的最下面,并且不要和頁(yè)面內(nèi)容同在一個(gè)Table或者div標(biāo)簽里??梢栽陧?yè)面代碼的最下方直接放置統(tǒng)計(jì)代碼,這些如果還有不懂,可以直接找深圳網(wǎng)站建設(shè)公司幫忙設(shè)計(jì)?;蛘咴谧钕路絾为?dú)做一個(gè)Table或者div來(lái)放置計(jì)數(shù)器。這樣,在計(jì)數(shù)器不能訪問(wèn)的時(shí)候,你的網(wǎng)站速度也不會(huì)受到絲毫影響。

 

7. 友情鏈接的學(xué)問(wèn)

  網(wǎng)站之間互相做鏈接可以增加網(wǎng)站的宣傳效果,做LOGO圖片鏈接更能準(zhǔn)確地描述網(wǎng)站的主題和定位,宣傳效果會(huì)大大的增強(qiáng),但圖片鏈接做得太多,必然會(huì)影響網(wǎng)頁(yè)的顯示速度。很多站長(zhǎng)都喜歡直接引用友情網(wǎng)站上的圖片URL,這樣圖片要先經(jīng)過(guò)加載才能顯示的,各個(gè)友情網(wǎng)站的訪問(wèn)速度不一樣,整個(gè)表格都要等圖片都下載完了才能顯示出來(lái),這樣大大降低了網(wǎng)頁(yè)的速度。因此,做友情鏈接時(shí)應(yīng)盡量做到:

    ①.只做文字鏈接:做文字鏈接是不會(huì)延遲網(wǎng)頁(yè)速度的。

    ②.將所有鏈接放到一個(gè)獨(dú)立的分頁(yè)去,然后在首頁(yè)鏈接上該頁(yè)。

    ③.如果友情鏈接一定要出現(xiàn)在首頁(yè),請(qǐng)將鏈接所在的整個(gè)Table放到頁(yè)面的最下方,因?yàn)轫?yè)面是由上到下逐行顯示的,將其放到頁(yè)面的最下方,不會(huì)延遲其他內(nèi)容的顯示。

    ④.友情鏈接的LOGO圖片先下載后再傳到自己的網(wǎng)頁(yè)空間,這樣,速度由自己的網(wǎng)站空間決定而不受友情網(wǎng)站的影響。

 

  總之,做不了完美網(wǎng)站,也要做完整的網(wǎng)站。網(wǎng)站速度優(yōu)化還有很多途徑,尤其是在網(wǎng)站建設(shè)初期的架構(gòu)上要多采用靜態(tài)頁(yè)面展現(xiàn)+的架構(gòu),只有這樣才能從根本上提高網(wǎng)站訪問(wèn)速度。