曾有很多研究表明:用戶最滿意的打開網(wǎng)頁時(shí)間是2-5秒,如果等待超過10秒,99%的用戶會關(guān)閉這個(gè)網(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)在感受如何?是不是該馬上去做測試工作呢。
這時(shí)候你也許會問:什么原因會導(dǎo)致網(wǎng)站打開慢?有什么辦法解決呢?別急,我一一道來。以下內(nèi)容有些偏技術(shù)層面,各位需要耐心閱讀。
1、網(wǎng)站優(yōu)化時(shí)減少http請求數(shù)
用戶在打開一個(gè)網(wǎng)頁的時(shí)候,后臺程序響應(yīng)用戶所需的時(shí)間并不多,用戶等待的時(shí)間主要花費(fèi)在下載網(wǎng)頁元素上了,即html、css、javascript、flash、圖片等,統(tǒng)計(jì)顯示,每增加一個(gè)元素,網(wǎng)頁載入的時(shí)間就增加25-40毫秒(取決于用戶的帶寬情況)。
所以,想要提高網(wǎng)頁打開速度,就要減少http請求數(shù),方法有3種:
1)減少不必要的http請求,例如用css圓角代替圓角圖片,減少圖片的使用。
2)合并文件,對于文本文件,可以直接合并內(nèi)容。例如將多個(gè)js(javascript的簡稱)文件合并成一個(gè),將多個(gè)css文件合并成一個(gè)。
3)優(yōu)化緩存,對于沒有變化的網(wǎng)頁元素(如頁頭、頁尾等),用戶再次訪問的時(shí)候沒有必要重新下載,直接從瀏覽器緩存里讀取就可以了。
2、網(wǎng)站優(yōu)化時(shí)使用cdn(content delivery network,內(nèi)容分發(fā)網(wǎng)絡(luò))
cdn由一系列分散到各個(gè)不同地理位置上的web服務(wù)器組成,它根據(jù)和用戶在網(wǎng)絡(luò)上的靠近程度來指定某臺服務(wù)器響應(yīng)用戶的請求。當(dāng)你的網(wǎng)站圖片很多事,就一樣要使用cdn了,比如現(xiàn)在的電商網(wǎng)站,幾乎都在使用cdn。
3、網(wǎng)站優(yōu)化時(shí)壓縮網(wǎng)頁元素
網(wǎng)頁中的每個(gè)元素越小,下載所需的時(shí)間就越少,這個(gè)很好理解。現(xiàn)在比較成熟和流程的壓縮網(wǎng)頁的方式,是通過gzip,我自己的實(shí)操經(jīng)驗(yàn)來看,一般可以將網(wǎng)頁文本內(nèi)容減少70%以上。
4、樣式表放在網(wǎng)頁head部分
這也是我實(shí)際操作過的案例,把樣式表(css文件)移到網(wǎng)頁的head部分,可以提高頁面的加載速度,讓頁面元素順序顯示。
5、把js文件放到網(wǎng)頁底部
網(wǎng)頁打開時(shí),所有元素是順序顯示的。由于js文件的特殊性,其相比其他元素來說,會加載的很慢,在js文件下載完成之前,其他后面元素的順序顯示將被阻塞,因此把js文件盡量放在底部,意味著內(nèi)容能被快速顯示。
6、把樣式表和js腳本放到外部文件中
盡管將樣式表和js腳本直接寫入網(wǎng)頁html中,可以減少外部文件調(diào)用數(shù)量,但是,這樣做會增加網(wǎng)頁的文件大小。綜合來看,將樣式表和js腳本放到外部文件中,也許用戶首次訪問時(shí)會有點(diǎn)慢,但是后續(xù)在訪問網(wǎng)站時(shí),用戶直接通過瀏覽器緩存就可以用,從而達(dá)到減少http請求數(shù)的目的,為最優(yōu)的做法。
寫在最后的話:
在提升網(wǎng)頁打開速度經(jīng)常被忽視的一個(gè)問題是響應(yīng)。對于用戶來說,每次的操作,不管返回結(jié)果是慢,還是快,都要及時(shí)予以響應(yīng),最典型的例子就是:當(dāng)用戶點(diǎn)擊打開一張圖片時(shí),是否有百分比數(shù)字顯示的進(jìn)度條,就是一個(gè)典型的響應(yīng)設(shè)計(jì)。
的網(wǎng)站用戶體驗(yàn)絕對不是一蹴而就的,要進(jìn)行充分的可用性測試,收集用戶的反饋,持續(xù)改進(jìn)。
現(xiàn)在,大部分企業(yè)的網(wǎng)站都存在打開速度慢的情況,我們億萬科技在總結(jié)后,發(fā)現(xiàn)大部分是以下幾點(diǎn)原因造成的:
1.網(wǎng)站服務(wù)器在國外,服務(wù)器不穩(wěn)定,速度比較慢。建議備案,用國內(nèi)服務(wù)器,會提高打開的速度;
2.網(wǎng)站內(nèi)使用了大量的圖片或FLASH,導(dǎo)致網(wǎng)頁打開速度比較慢。建議將圖片做技術(shù)處理,在圖片保持清晰的前提下,降低圖片占用空間的大小,提高打開速度。盡量不采用大的FLASH,因?yàn)檫@樣會影響打開速度,除非你是要建品牌站;
3.網(wǎng)站首頁太長,內(nèi)容太多,導(dǎo)致網(wǎng)頁打開速度慢;
4.網(wǎng)站中的特效太多,影響加載速度;
5.網(wǎng)站空間小,而源文件大,導(dǎo)致打開速度慢,不過這種情況很少見;
6.網(wǎng)站中的圖片尺寸比較大,沒有進(jìn)行切圖,圖片打開速度慢。
網(wǎng)頁名稱:提高用戶體驗(yàn)的秘訣:別人我等
URL標(biāo)題:http://m.newbst.com/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)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)