免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

[建站經驗] 優化網站幾個小撇步讓瀏覽網頁速度加快

優化網站幾個小撇步讓瀏覽網頁速度加快


(chien:此篇為轉貼文改了裡面的字-流(瀏),制(製))

很多朋友都用虛擬主機來做網站,將網頁檔存放在虛擬空間上,但是頁面內容一多,網站打開的速度就顯得特別慢,如果您碰到這種情況,與其尋求更好的空間,不如通過優化網頁代碼來取得滿意的速度。筆者總結了一些切實可行的方法,製作主頁時,以下的方法可以令你的網頁速度大大提高。

   一、記得幫頁面減肥
  我們瀏覽網頁實際上是將虛擬主機中的網頁內容下載到本地硬碟,再用瀏覽器解釋查看的。下載網頁的快慢在顯示速度上占了很大比重,所以,網頁本身所佔的空間越小,那麼瀏覽速度就會越快。這就要求在做網頁的時候遵循一切從簡的原則,如:不要使用太大的Flash動畫、圖片等資源。乾淨、簡潔的頁面會給人一種思路明朗的感覺。

   二、如沒必要,儘量使用靜態HTML頁面
  眾所周知,ASP、PHP、JSP等程式實現了網頁資訊的動態交互,運行起來的確非常方便,因為它們的資料交互性好,能很方便地存取、更改資料庫的內容,使網站“動”起來,如:論壇、留言板等。但是這類程式必須先由伺服器執行處理後,生成HTML頁面,然後再“送”往用戶端瀏覽,這就不得不耗費一定的伺服器資源。

如果在虛擬主機上過多地使用這類程式,網頁顯示速度肯定會慢,所以沒有必要,請儘量使用靜態的HTML頁面。(chien:其實就是cache,緩存可達此目的)

   三、不要將整個頁面內容塞到一個Table中
  這是網頁設計的問題了,很多站長為了追求頁面統一對齊,將整個頁面的內容都塞進了一個Table(表格)裏,然後再由單格td來劃分各個“塊”的佈局,這種網站的顯示速度是絕對慢的。

因為Table要等裏面所有的內容都載入完畢後才顯示出來的,如果某些內容無法訪問,就會拖延整個頁面的訪問速度。正確的做法是:將內容分割到幾個具有相同格局的Table中去,不要全都塞到一個Table裏。(chien:可以減少table的使用,採用DIV+CSS)

   四、將ASP、ASPX、PHP等檔的訪問改為.js引用
  這在ASP、ASPX、PHP等程式設計時應該注意的,如果你要在靜態的HTML頁面裏嵌入動態的資料,而這些動態的資料是由ASP、PHP等程式來提供的話,會使用以下的語句引用:(???),這樣的話,每次有一個人訪問你的網站,伺服器就要執行並處理一次tongji.asp文件,從資料庫抽取相應的資料,再輸出給網頁顯示,如果有幾萬個人同時訪問,就要執行幾萬次,後果就可想而知。

建議在這些程式中將資料動態生成到一個1.js檔中去,然後在首頁通過 < SCRIPT src="http://www.XXX.com/1.js">< /SCRIPT> 這樣的代碼來引用該1.js文件。這樣,資料顯示的任務就交給用戶端的瀏覽器去做,不會耗費伺服器的資源,顯示速度自然就很快;筆者的網站www. 25cn.net下有個index3.htm檔,大家可以通過訪問www.25cn.net/index3.htmwww.25cn.net 做一下比較,前者所花的時間幾乎是後者的幾倍!

   五、使用iframe嵌套另一頁面
  如果你要在網站上插入一些廣告代碼,又不想讓這些廣告網站影響速度的話,那麼,使用iframe最合適不過了。方法是:將這些廣告代碼放到一個獨立的頁面去,然後在首頁用如下的代碼將該頁面嵌入即可,這樣就不會因為廣告頁面的延遲而拖了整個首頁的顯示,代碼如下:

  < IFRAME marginWidth=0 marginHeight=0 src="http://www.knowsky.com/index.asp" frameBorder=0 width=468 scrolling=no height=60 leftmargin="0" topmargin="0">< /IFRAME>
  其中http://www. knowsky.com/index.asp是被引用檔的路徑。

   六、講究網站計數器代碼放置的技巧
  在網頁裏放置計數器可以統計網站的訪問流量,為站長和廣告商家提供訪問依據,但是,不管功能有多強大的網站統計系統,都會有出故障的時候。如果直接把統計代碼放到頁面內容的前面,或者放在一個Table或者div標籤裏,那麼在計數器不能訪問的時候,你的頁面上那個Table或者div就會產生幾十秒鐘的延遲,導致頁面很長時間才能訪問。所以,要提高網站的速度,就要講究統計代碼放置的位置,正確的方法是:把統計代碼放到頁面的最下面,並且不要和頁面內容同在一個Table或者div標籤裏。可以在頁面代碼的最下方直接放置統計代碼,或者在最下方單獨做一個Table或者div來放置計數器。這樣,在計數器不能訪問的時候,你的網站速度也不會受到絲毫影響。

   七、友情鏈結的學問
  網站之間互相做鏈結可以增加網站的宣傳效果,做LOGO圖片鏈結更能準確地描述網站的主題和定位,宣傳效果會大大的增強,但圖片鏈結做得太多,必然會影響網頁的顯示速度。很多站長都喜歡直接引用友情網站上的圖片URL,這樣圖片要先經過載入才能顯示的,各個友情網站的訪問速度不一樣,整個表格都要等圖片都下載完了才能顯示出來,這樣大大降低了網頁的速度。因此,做友情鏈結時應儘量做到:
  1. 只做文字鏈結:做文字鏈結是不會延遲網頁速度的。
  2. 將所有鏈結放到一個獨立的分頁去,然後在首頁鏈結上該頁。
  3. 如果友情鏈結一定要出現在首頁,請將鏈結所在的整個Table放到頁面的最下方,因為頁面是由上到下逐行顯示的,將其放到頁面的最下方,不會延遲其他內容的顯示。
  4. 友情鏈結的LOGO圖片先下載後再傳到自己的網頁空間,這樣,速度由自己的網站空間決定而不受友情網站的影響。

原文網址:http://www. hkitn.com/article.php/2117
1

評分人數

返回列表