|
設計者應該從三個方面優化網頁(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、統計代碼放在頁尾。
|