網站設計時，提高網站載入速度

由于服務器質量不一，帶寬有限，以及國際間訪問問題，為加快訪問速度，節約流量，優化一張網站設計還是非常必要的。

一、圖片的優化
1、去除不必要的圖片。背景可以自動重復圖片，包括X方向和Y方向。單純背景的圖片可以用CSS定義。
2、選擇正確的格式。GIF中的索引模式是最適合WEB的格式，同質量的圖片，索引模式下可以減少至少一半的體積。
3、降低圖像質量。可以用fireworks對圖片進行優化，與ps相比，體積更小（不過質量更低）。
4、標明圖像的高度和寬度，有利于網頁在加載過程中結構保持一致。

二、優化CSS和JS
1、CSS簡寫。比如，#FFFFFF可以簡寫成#FFF,#990099可以簡寫成#909。padding、border、background、margin各屬性，都可以達到簡寫的效果。
2、去除不必要的換行和空格。最典型的應用是google的JS文件，全部在一行里。對于可讀性變得更差了，但是效率增加不少，體積更小。可以為自己的網站建兩個版本，一個是開發版，一個發布版，解決這個問題。同樣，CSS也可以去除不必要的空格和換行。

三、減少HTTP請求
1、IE一次只能同時有兩個HTTP連接。一些網站用分開圖片服務器的方式來優化，比如image1.xxxx.com,image2.xxxx.com,image3.xxxx.com……
2、合并JS文件和CSS文件來減少HTTP請求數。
四、其他技巧
1、在目錄URL后加“/”，比如xxx.com/article/
以上技巧希望對網頁設計師們有所幫助。

轉發請注明：丁丁貓

• 上一篇
• 下一篇