SCLUB免費論壇申請-使用者論壇 - Powered by Discuz! Board

繁體 | 簡體

Sclub交友聊天~加入聊天室當版主

(檢舉)

新浪微博

QQ空间

Facebook

Google+

Plurk

Twitter

Line

標題: [建站經驗] 優化網站幾個小撇步讓瀏覽網頁速度加快 [打印本頁]

作者: superman1024 時間: 2013-7-28 13:17 標題: 優化網站幾個小撇步讓瀏覽網頁速度加快

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

(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.htm和www.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

歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://sclub.com.tw/discuz/)