建設(shè)網(wǎng)站時(shí)都知道要提升網(wǎng)站的用戶體驗(yàn)度，然而用戶對(duì)于網(wǎng)站有著什么的想法和行為呢？什么樣的網(wǎng)站才是用戶滿意的，網(wǎng)站又是哪方面容易影響用戶體驗(yàn)度的呢？其實(shí)網(wǎng)站的用戶體驗(yàn)度有三個(gè)層次，只有做到致命一擊才能真正的留住用戶。

別讓我等

曾有很多研究表明：用戶滿意的打開(kāi)網(wǎng)頁(yè)時(shí)間是2-5秒，如果等待超過(guò)10秒，99%的用戶會(huì)關(guān)閉這個(gè)網(wǎng)頁(yè)。也許這樣講，各位還不會(huì)有太多感觸，接下來(lái)，我列舉一組數(shù)據(jù)：Google網(wǎng)站訪問(wèn)速度每慢400ms就導(dǎo)致用戶搜索請(qǐng)求下降0.59%;Amazon每增加100ms網(wǎng)站延遲將導(dǎo)致收入下降 1%;雅虎如果有400ms延遲會(huì)導(dǎo)致流量下降5-9%。

怎么樣?現(xiàn)在感受如何?是不是該馬上去做測(cè)試工作呢。

這時(shí)候你也許會(huì)問(wèn)：什么原因會(huì)導(dǎo)致網(wǎng)站打開(kāi)慢?有什么辦法解決呢?別急，我一一道來(lái)。以下內(nèi)容有些偏技術(shù)層面，各位需要耐心閱讀。

1、減少HTTP請(qǐng)求數(shù)

用戶在打開(kāi)一個(gè)網(wǎng)頁(yè)的時(shí)候，后臺(tái)程序響應(yīng)用戶所需的時(shí)間并不多，用戶等待的時(shí)間主要花費(fèi)在下載網(wǎng)頁(yè)元素上了，即HTML、CSS、Javascript、Flash、圖片等，統(tǒng)計(jì)顯示，每增加一個(gè)元素，網(wǎng)頁(yè)載入的時(shí)間就增加25-40毫秒。

所以，想要提高網(wǎng)頁(yè)打開(kāi)速度，就要減少HTTP請(qǐng)求數(shù)，方法有3種：

1)減少不必要的HTTP請(qǐng)求，例如用CSS圓角代替圓角圖片，減少圖片的使用。

2)合并文件，對(duì)于文本文件，可以直接合并內(nèi)容。例如將多個(gè)JS文件合并成一個(gè)，將多個(gè)CSS文件合并成一個(gè)。

3)優(yōu)化緩存，對(duì)于沒(méi)有變化的網(wǎng)頁(yè)元素，用戶再次訪問(wèn)的時(shí)候沒(méi)有必要重新下載，直接從瀏覽器緩存里讀取就可以了。

2、使用CDN

CDN由一系列分散到各個(gè)不同地理位置上的Web服務(wù)器組成，它根據(jù)和用戶在網(wǎng)絡(luò)上的靠近程度來(lái)指定某臺(tái)服務(wù)器響應(yīng)用戶的請(qǐng)求。當(dāng)你的網(wǎng)站圖片很多事，就一樣要使用CDN了，比如現(xiàn)在的電商網(wǎng)站，幾乎都在使用CDN。

3、壓縮網(wǎng)頁(yè)元素

網(wǎng)頁(yè)中的每個(gè)元素越小，下載所需的時(shí)間就越少，這個(gè)很好理解。現(xiàn)在比較成熟和流程的壓縮網(wǎng)頁(yè)的方式，是通過(guò)Gzip，我自己的實(shí)操經(jīng)驗(yàn)來(lái)看，一般可以將網(wǎng)頁(yè)文本內(nèi)容減少70%以上。

4、樣式表放在網(wǎng)頁(yè)Head部分

這也是我實(shí)際操作過(guò)的案例，把樣式表(CSS文件)移到網(wǎng)頁(yè)的Head部分，可以提高頁(yè)面的加載速度，讓頁(yè)面元素順序顯示。

5、把JS文件放到網(wǎng)頁(yè)底部

網(wǎng)頁(yè)打開(kāi)時(shí)，所有元素是順序顯示的。由于JS文件的特殊性，其相比其他元素來(lái)說(shuō)，會(huì)加載的很慢，在JS文件下載完成之前，其他后面元素的順序顯示將被阻塞，因此把JS文件盡量放在底部，意味著內(nèi)容能被快速顯示。

6、把樣式表和JS腳本放到外部文件中

盡管將樣式表和JS腳本直接寫入網(wǎng)頁(yè)HTML中，可以減少外部文件調(diào)用數(shù)量，但是，這樣做會(huì)增加網(wǎng)頁(yè)的文件大小。綜合來(lái)看，將樣式表和JS腳本放到外部文件中，也許用戶首次訪問(wèn)時(shí)會(huì)有點(diǎn)慢，但是后續(xù)在訪問(wèn)網(wǎng)站時(shí)，用戶直接通過(guò)瀏覽器緩存就可以用，從而達(dá)到減少HTTP請(qǐng)求數(shù)的目的，為最優(yōu)的做法。

在提升網(wǎng)頁(yè)打開(kāi)速度經(jīng)常被忽視的一個(gè)問(wèn)題是響應(yīng)。對(duì)于用戶來(lái)說(shuō)，每次的操作，不管返回結(jié)果是慢，還是快，都要及時(shí)予以響應(yīng)，典型的例子就是：當(dāng)用戶點(diǎn)擊打開(kāi)一張圖片時(shí)，是否有百分比數(shù)字顯示的進(jìn)度條，就是一個(gè)典型的響應(yīng)設(shè)計(jì)。的網(wǎng)站用戶體驗(yàn)不是一蹴而就的，要進(jìn)行充分的可用性測(cè)試，收集用戶的反饋，持續(xù)改進(jìn)。

網(wǎng)站欄目：律師網(wǎng)站建設(shè)用戶體驗(yàn)之別讓我等
網(wǎng)頁(yè)鏈接：http://m.rwnh.cn/news38/236438.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、ChatGPT、虛擬主機(jī)、App設(shè)計(jì)、Google、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)