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

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

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

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

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

• 上一篇
• 下一篇