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

1.根據(jù)需要選擇合適的圖片格式

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

2.圖片優(yōu)化

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

3.設(shè)置圖片寬度和高度

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

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

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

5.減少網(wǎng)頁的HTTP響應(yīng)次數(shù)

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

6.精簡代碼

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

7.合并優(yōu)化

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

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