1、減少Http請(qǐng)求

1）、圖片地圖 Image Maps

在導(dǎo)航欄中或其他超鏈接中使用多張圖片，可以采用圖片地圖，一張圖片代替多張圖片，通過坐標(biāo)識(shí)別判斷點(diǎn)擊事件，從而減少Http開銷

圖片地圖中的圖片必須是連續(xù)的

2）、CSS sprites?雪碧圖

????CSS雪碧的基本原理是把你的網(wǎng)站上用到的一些圖片整合到一張單獨(dú)的圖片中，從而減少你的網(wǎng)站的HTTP請(qǐng)求數(shù)量。該圖片使用CSS background和background-position屬性渲染，這也就意味著你的標(biāo)簽變得更加復(fù)雜了，圖片是在CSS中定義，而非<img>標(biāo)簽。3）、內(nèi)聯(lián)圖片

<img src="data:image/png;base64,iVBOR....>data - 取得數(shù)據(jù)的協(xié)定名稱

　image/png - 數(shù)據(jù)類型名稱 ? ? ? base64 - 數(shù)據(jù)的編碼方法 ? ? ? iUANR.... - 編碼后的數(shù)據(jù) ? ? ? : , ; - data URI scheme 指定的分隔符號(hào)

優(yōu)點(diǎn)：

? ? ? ? I、減少http請(qǐng)求次數(shù)

　　II、做為背景平鋪類的圖片使用內(nèi)聯(lián)圖片的話，減少http請(qǐng)求次數(shù)，并且不會(huì)影響加載速度

內(nèi)聯(lián)圖片的缺點(diǎn)

　　I、瀏覽器不會(huì)緩存內(nèi)聯(lián)圖片資源

　　II、兼容性較差，只支持ie8以上瀏覽器

　　III、超過1000kb的圖片，base64編碼會(huì)使圖片大小增大，導(dǎo)致網(wǎng)頁整體下載速度減慢

4）、合并腳本、樣式表

減少腳本、樣式表請(qǐng)求次數(shù)

5）、icon可采用字體圖標(biāo)