瑞宇網頁設計公司LOGO
關於瑞宇 網站設計服務 企業網站設計案例 網站設計線上洽詢 網站設計常見問題 回到首頁
設計者應該從三個方面優化網頁(2)
作者 Zhili   
2010/07/26
設計者應該從三個方面優化網頁(2)

 四、網址後加斜杠

  有些網址,比如,當伺服器收到這樣一個位址請求的時候,它需要花費時間去確定這個位址的檔案類型。如果web是一個目錄,不妨在網址後多加一個斜杠,讓其變成 /,這樣伺服器就能一目了然地知道要訪問該目錄下的index或default檔,從而節省了載入時間。  

  五、標明高度和寬度

  這點很重要,但很多人由於懶惰或其它原因,總是將其忽視。當你在網頁上添加圖片或表格時,你應該指定它們的高度和寬度,也就是height和width參數。如果瀏覽器沒有找到這兩個參數,它需要一邊下載圖片一邊計算大小,如果圖片很多,瀏覽器需要不斷地調整頁面。這不但影響速度,也影響瀏覽體驗。  

  下面是一個比較友好的圖片代碼:  

  <img id="moon" height="200" width="450" src=" />

  當瀏覽器知道了高度和寬度參數後,即使圖片暫時無法顯示,頁面上也會騰出圖片的空位,然後繼續載入後面的內容。從而載入時間快了,瀏覽體驗也更好了。

  六、減少http請求

  當瀏覽者打開某個網頁,瀏覽器會發出很多物件請求(圖像、腳本等等),視乎網路延時情況,每個物件載入都會有所延遲。如果網頁上物件很多,這可以需要花費大量的時間。

  因此,要為http請求減負。如何減負?  

  1、去除一些不必要的物件。

  2、將臨近的兩張圖片合成一張。

  3、合併CSS  

  看看下面這段代碼,需要載入三個CSS:

 

<link rel="stylesheet" type="text/css" href="/body.css" />
<link rel="stylesheet" type="text/css" href="/side.css" />
<link rel="stylesheet" type="text/css" href="/footer.css" />

  我們可以將其合成一個:

  <link rel="stylesheet" type="text/css" href="/style.css" />  

  從而減少http請求。

  七、其它小技巧(譯者添加)

  1、去除不必要載入項。

  2、如果在網頁上嵌入了其它網站的widget,如果有選擇餘地,一定要選擇速度快的。

  3、儘量用圖片代替flash,這對SEO也有好處。

  4、有些內容可以靜態化就將其靜態化,以減少伺服器的負擔。

     5、統計代碼放在頁尾。
最後更新 ( 2010/07/26 )

Skype 客服專線

網站設計 FAQ

網頁設計包括哪些費用?

More...

網站建置需要多少時間?

More...
預算有限,想先體驗網路行銷的效果嗎?
More...
如何讓商機源源不絕而來?
More...
我需不需要自行架設主機呢?
More...
什麼是網域名稱(網址)?什麼是虛擬主機(網站空間)?
More...
『形象網站』和『功能網站』有什麼不同?
More...
更多網頁設計教學 更多網站設計新聞