振宇網頁設計公司
關於振宇 網站設計作品 網站排名 線上洽詢
設計者應該從三個方面優化網頁(2)
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/10/26 )
相關文章
更多網頁設計教學

網站設計 FAQ

網站架構圖及設計流程

More...

網頁設計包括哪些費用?

More...

網站建置需要多少時間?

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

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