壹、圖片建設
網(wǎng)頁都是帶有圖片地。如果你經(jīng)歷過伍陸K貓地年代，你壹定不會很喜歡有大量圖片地網(wǎng)站。因為加載那樣壹個網(wǎng)頁會花費大量地時間。
建設圖片包括減少圖片數(shù)、降低圖像質(zhì)量、使用恰當?shù)馗袷健?BR>1、減少圖片數(shù)：去除不必要地圖片。
2、降低圖像質(zhì)量：如果不是很必要，嘗試降低圖像地質(zhì)量，尤其是jpg格式，降低伍%地質(zhì)量看起來變化不是很大，但文件大小地變化是比較大地。
3、使用恰當?shù)馗袷剑赫垍㈤喯乱键c。
因此，在上傳圖片之前，你需要對圖片進行編輯，如果你覺得photoshop太麻煩，可以試試壹些在線圖片編輯工具。懶得編輯而又想圖片有特殊地效果？可以試試用過調(diào)用javascript來實現(xiàn)圖片特效。

貳、圖像格式地選擇
壹般在網(wǎng)頁上使用地圖片格式有叁種，jpg、png、gif。叁種格式地具體技術指標不是這篇文章探討地內(nèi)容，我們只需要知道在神馬時候應該使用神馬格式，以減少網(wǎng)頁地加載時間。
1、JPG：壹般用于展示風景、人物、藝術照地攝影作品。有時也用在電腦截屏上。
2、GIF：提供地顏色較少，可用在壹些對顏色要求不高地地方，比如網(wǎng)站logo、按鈕、表情等等。當然，gif地壹個重要地應用是動畫圖片。就像用Lunapic制作地倒映圖片。
3、PNG：PNG格式能提供透明背景，是壹種專為網(wǎng)頁展示而發(fā)明地圖片格式。壹般用于需要背景透明顯示或?qū)�圖像質(zhì)量要求較高地網(wǎng)頁上。

叁、建設CSS
CSS疊層樣式表讓網(wǎng)頁加載起來更高效，瀏覽體驗也得到提高。有啦CSS，表格布局地方式可以退休啦。
但有時我們在寫CSS地時候會使用啦壹些比較羅嗦地語句，比如這句：

margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;

你可以將它簡化為：

margin: 10px 20px 10px 20px;

簡化CSS能去除冗余地屬性，提高運行效率。如果你寫好CSS后懶得去做簡化，你可以使用壹些在線地簡化CSS工具，比如CleanCSS。

肆、網(wǎng)址后加斜杠
有些網(wǎng)址，比如“http://www.shanghai2018.cn”，當服務器收到這樣壹個地址請求地時候，它需要花費時間去確定這個地址地文件類型。如果220是壹個目錄，不妨在網(wǎng)址后多加壹個斜杠，讓其變成“http://www.shanghai2018.cn/”，這樣服務器就能壹目啦然地知道要訪問該目錄下地index或default文件，從而節(jié)省啦加載時間。

伍、標明高度和寬度
這點很重要，但很多人由于懶惰或其它原因，總是將其忽視。當你在網(wǎng)頁上添加圖片或表格時，你應該指定它們地高度和寬度，也就是height和width參數(shù)。如果瀏覽器沒有找到這兩個參數(shù)，它需要壹邊下載圖片壹邊計算大小，如果圖片很多，瀏覽器需要不斷地調(diào)整頁面。這不但影響速度，也影響瀏覽體驗。
下面是壹個比較友好地圖片代碼：

當瀏覽器知道啦高度和寬度參數(shù)后，即使圖片暫時無法顯示，頁面上也會騰出圖片地空位，然后繼續(xù)加載后面地內(nèi)容。從而加載時間快啦，瀏覽體驗也更好啦。