在開發(fā)前端的過程中，作為一個前端工程師，可能不僅僅是做出一個頁面，而絲毫不考慮頁面的訪問速度也是不現(xiàn)實的，我在做過一些頁面之后，發(fā)現(xiàn)有時候性能確實不太理想，以至于自己都看不過去，接下來，我會從我的理解，從一些基本的方面來對前端頁面進行優(yōu)化，今天先介紹一下圖片給網(wǎng)頁帶來的頁面緩慢解決方法：

　　0、普通圖片加載：用時101ms

　　1、CCS Sprites的使用：用時40ms

　　2、使用內(nèi)聯(lián)圖片：用時45ms

　　其實我做過多次測試，按照傳統(tǒng)加載方式加載大概100ms左右，后面兩個差不多都在40ms左右，所以在編碼中采用雪碧圖和內(nèi)聯(lián)圖片相對來說可以提高網(wǎng)頁的加載效率。

　　但是這里要提醒大家注意的一點是，在采用內(nèi)聯(lián)圖片的時候，最好采用引用外部css的方式，這樣效率會有很大的提高。

　　這里提供一個將：image 轉(zhuǎn) DataUrI的網(wǎng)址：http://tool.c7sky.com/datauri/