由于服務(wù)器質(zhì)量不一，帶寬有限，以及國際間訪問問題，為加快訪問速度，節(jié)約流量，優(yōu)化一張網(wǎng)站設(shè)計還是非常必要的。

一、圖片的優(yōu)化
1、去除不必要的圖片。背景可以自動重復(fù)圖片，包括X方向和Y方向。單純背景的圖片可以用CSS定義。
2、選擇正確的格式。GIF中的索引模式是最適合WEB的格式，同質(zhì)量的圖片，索引模式下可以減少至少一半的體積。
3、降低圖像質(zhì)量?？梢杂胒ireworks對圖片進行優(yōu)化，與ps相比，體積更?。ú贿^質(zhì)量更低）。
4、標(biāo)明圖像的高度和寬度，有利于網(wǎng)頁在加載過程中結(jié)構(gòu)保持一致。

二、優(yōu)化CSS和JS
1、CSS簡寫。比如，#FFFFFF可以簡寫成#FFF,#990099可以簡寫成#909。padding、border、background、margin各屬性，都可以達到簡寫的效果。
2、去除不必要的換行和空格。最典型的應(yīng)用是google的JS文件，全部在一行里。對于可讀性變得更差了，但是效率增加不少，體積更小?？梢詾樽约旱木W(wǎng)站建兩個版本，一個是開發(fā)版，一個發(fā)布版，解決這個問題。同樣，CSS也可以去除不必要的空格和換行。

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

轉(zhuǎn)發(fā)請注明：丁丁貓

• 上一篇
• 下一篇