提高用戶體驗的秘訣：別人我等

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

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

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

1、網(wǎng)站優(yōu)化時減少http請求數(shù)

用戶在打開一個網(wǎng)頁的時候，后臺程序響應(yīng)用戶所需的時間并不多，用戶等待的時間主要花費在下載網(wǎng)頁元素上了，即html、css、javascript、flash、圖片等，統(tǒng)計顯示，每增加一個元素，網(wǎng)頁載入的時間就增加25-40毫秒(取決于用戶的帶寬情況)。

所以，想要提高網(wǎng)頁打開速度，就要減少http請求數(shù)，方法有3種：

1)減少不必要的http請求，例如用css圓角代替圓角圖片，減少圖片的使用。

2)合并文件，對于文本文件，可以直接合并內(nèi)容。例如將多個js(javascript的簡稱)文件合并成一個，將多個css文件合并成一個。

3)優(yōu)化緩存，對于沒有變化的網(wǎng)頁元素(如頁頭、頁尾等)，用戶再次訪問的時候沒有必要重新下載，直接從瀏覽器緩存里讀取就可以了。

2、網(wǎng)站優(yōu)化時使用cdn(content delivery network，內(nèi)容分發(fā)網(wǎng)絡(luò))

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

3、網(wǎng)站優(yōu)化時壓縮網(wǎng)頁元素

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

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

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

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

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

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

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

寫在最后的話：

在提升網(wǎng)頁打開速度經(jīng)常被忽視的一個問題是響應(yīng)。對于用戶來說，每次的操作，不管返回結(jié)果是慢，還是快，都要及時予以響應(yīng)，最典型的例子就是：當(dāng)用戶點擊打開一張圖片時，是否有百分比數(shù)字顯示的進度條，就是一個典型的響應(yīng)設(shè)計。

的網(wǎng)站用戶體驗絕對不是一蹴而就的，要進行充分的可用性測試，收集用戶的反饋，持續(xù)改進。

現(xiàn)在，大部分企業(yè)的網(wǎng)站都存在打開速度慢的情況，我們億萬科技在總結(jié)后，發(fā)現(xiàn)大部分是以下幾點原因造成的：

1.網(wǎng)站服務(wù)器在國外，服務(wù)器不穩(wěn)定，速度比較慢。建議備案，用國內(nèi)服務(wù)器，會提高打開的速度；

2.網(wǎng)站內(nèi)使用了大量的圖片或FLASH，導(dǎo)致網(wǎng)頁打開速度比較慢。建議將圖片做技術(shù)處理，在圖片保持清晰的前提下，降低圖片占用空間的大小，提高打開速度。盡量不采用大的FLASH，因為這樣會影響打開速度，除非你是要建品牌站；

3.網(wǎng)站首頁太長，內(nèi)容太多，導(dǎo)致網(wǎng)頁打開速度慢；

4.網(wǎng)站中的特效太多，影響加載速度；

5.網(wǎng)站空間小，而源文件大，導(dǎo)致打開速度慢，不過這種情況很少見；

6.網(wǎng)站中的圖片尺寸比較大，沒有進行切圖，圖片打開速度慢。

網(wǎng)頁名稱：提高用戶體驗的秘訣：別人我等
URL標(biāo)題：http://www.muchs.cn/news44/273094.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、建站公司、微信公眾號、面包屑導(dǎo)航、軟件開發(fā)、自適應(yīng)網(wǎng)站

廣告

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