用戶體驗對網站非常重要，成功的網站都有一個共性那就是很好的的頁面用戶體驗。以網站瀏覽體驗為例，提高網站網頁的開放速度尤為重要，細節(jié)決定產品體驗結果，最小的細節(jié)也會對客戶產生很大的影響。因此，在網站建設過程中，要始終秉持做好用戶體驗，這里有一些提高網站頁面打開速度的方法和技巧。

1.根據需要選擇合適的圖片格式

選擇合適的圖片格式可以減少圖片加載時間。JPG格式通常用于照片或真色圖片，GIF格式用于平面圖片，一般用于按鈕或Logo圖片，PNG格式和GIF很相似，比JPG支持更多的顏色。

2.圖片優(yōu)化

在使用ps或者其他作圖感覺在存儲圖片時，通常操作三個熱鍵+S，“存儲為Web格式”設置圖片質量，控制大小，或使用壓縮圖片大小的軟件，在不影響圖片顯示效果的情況下壓縮大小。

3.設置圖片寬度和高度

制作網頁時，設置圖片的寬度和高度，瀏覽器在加載網頁時保留相應的圖片區(qū)域，加快網頁的顯示速度。

4.可見區(qū)域外的內容延遲顯示加載

當用戶停留在第一個屏幕上時，盡量就不要加載第一屏幕一下的內容信息。只有當用戶滾動鼠標時，這些圖片才會開始加載，從而提高可見的加載速度和用戶體驗。

5.減少網頁的HTTP響應次數

網頁中的的圖片、form、flash等等元素都會發(fā)出HTTP請求，盡可能的減少頁面中非必要的元素，可以減少HTTP請求的次數。通過Ajax部分網頁的技術可以局部更新，無需重新加載整個網頁，避免因為刷新頁面帶來的不好用戶體驗

6.精簡代碼

在相同的網絡下，頁面越小，下載時間越快，所以在合理的范圍內減少頁面大小可以優(yōu)化下載速度，頁面大小主要是HTML由代碼量決定(也包括一些)CSS樣式和JavaScript代碼）。如果你想減少頁面的大小，你必須根據頁面的大小W3C優(yōu)化標準HTML去除一些垃圾代碼。

7.合并優(yōu)化

CSS風格的出現使網頁實現了內容與元素表達方式的分離，用戶打開CSS設計風格的網頁，CSS與用戶本地的計算機不同，風格通常下載到用戶本地的計算機上HTML每次打開網頁，都需要分析標簽。另外，CSS樣式載有些地方可以替代圖片，這就是為什么提倡使用Div+CSS的原因。

將JavaScript代碼和CSS樣式代碼分別合并到共享文件中，不僅可以簡化代碼，還可以執(zhí)行avaScript文件時。如果JavaScript文件多，需要多次進行Get請求，延長加載速度，JavaScript文件合并后，自然會減少Get提高了網頁的加載速度。