振宇網頁設計公司
關於振宇 網站設計作品 網站排名 線上洽詢
CSS:提高網站開啟速度的7大秘訣
2010/06/11
CSS:提高網站開啟速度的7大秘訣

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

   一、記得幫頁面減肥

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

   二、如沒必要,儘量使用靜態HTML頁面

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

   三、不要將整個頁面內容塞到一個Table中

  這是網頁設計的問題了,很多站長為了追求頁面統一對齊,將整個頁面的內容都塞進了一個Table(表格)裡,然後再由儲存格td來劃分各個“塊”的佈局,這種網站的顯示速度是絕對慢的。因為Table要等裡面所有的內容都載入完畢後才顯示出來的,如果某些內容無法訪問,就會拖延整個頁面的存取速度。正確的做法是:將內容分割到幾個具有相同格局的Table中去,不要全都塞到一個Table裡。

   四、將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文件。這樣,資料顯示的任務就交給用戶端的瀏覽器去做,不會耗費伺服器的資源,顯示速度自然就很快。

五、使用iframe嵌套另一頁面

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

  < IFRAME marginWidth=0 marginHeight=0 src="http://www.urseo.com/index.asp" frameBorder=0 width=468 scrolling=no height=60 leftmargin="0" topmargin="0">< /IFRAME>

  其中htthttp://www.urseo.com/index.asp是被引用檔的路徑。

   六、講究網站計數器代碼放置的技巧

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

   七、友情連結的學問

  網站之間互相做連結可以增加網站的宣傳效果,做LOGO圖片連結更能準確地描述網站的主題和定位,宣傳效果會大大的增強,但圖片連結做得太多,必然會影響網頁的顯示速度。很多站長都喜歡直接引用友情網站上的圖片URL,這樣圖片要先經過載入才能顯示的,各個友情網站的存取速度不一樣,整個表格都要等圖片都下載完了才能顯示出來,這樣大大降低了網頁的速度。因此,做友情連結時應儘量做到:

  1. 只做文字連結:做文字連結是不會延遲網頁速度的。

  2. 將所有連結放到一個獨立的分頁去,然後在首頁連結上該頁。

  3. 如果友情連結一定要出現在首頁,請將連結所在的整個Table放到頁面的最下方,因為頁面是由上到下逐行顯示的,將其放到頁面的最下方,不會延遲其他內容的顯示。

  4. 友情連結的LOGO圖片先下載後再傳到自己的網頁空間,這樣,速度由自己的網站空間決定而不受友情網站的影響。

 

最後更新 ( 2010/10/26 )
相關文章
更多網頁設計教學

網站設計 FAQ

網站架構圖及設計流程

More...

網頁設計包括哪些費用?

More...

網站建置需要多少時間?

More...
預算有限,想先體驗網路行銷的效果嗎?
More...
如何讓商機源源不絕而來?
More...
我需不需要自行架設主機呢?
More...
什麼是網域名稱(網址)?什麼是虛擬主機(網站空間)?
More...

RUS Website Design 瑞宇.台中網頁設計公司  Copyright © 2004 振宇網頁設計 All rights Reserved.  線上詢價
振宇首頁關於振宇設計作品線上洽詢常見問題新聞時事網頁設計教學友站連結網站地圖  免費交換連結
回到首頁 聯絡振宇