用戶體驗第一步:別讓我有等!(寶雞網絡公司) |
作者:佚名 發布時間:2012-12-14 瀏覽:2882次 |
寶雞世紀網絡—寶雞網站建設專業服務商專注于寶雞網站建設,寶雞網站設計,寶雞網絡優化,寶雞網站推廣。歡迎來電咨詢。 關于提高網站用戶體驗的方法有很多,最基本的就是:提高網頁打開速度,別讓我等!。 為什么迅雷在下載軟件中獨樹一幟?為什么越來越多的用戶在低畫質的視頻網站上在線觀看連續劇,而不是下載更清晰的視頻文件?答案是:用戶的耐心非常有限,用戶對速度的追求遠遠超過了對畫質等因素的追求。 曾有很多研究表明:用戶最滿意的打開網頁時間是2-5秒,如果等待超過10秒,99%的用戶會關閉這個網頁。也許這樣講,各位還不會有太多感觸,接下來,我列舉一組數據:Google網站訪問速度每慢400ms就導致用戶搜索請求下降0.59%;Amazon每增加100ms網站延遲將導致收入下降1%;雅虎如果有400ms延遲會導致流量下降5-9%。 這時候你也許會問:什么原因會導致網站打開慢?有什么辦法解決呢?別急,我一一道來。 1、減少HTTP請求數 用戶在打開一個網頁的時候,后臺程序響應用戶所需的時間并不多,用戶等待的時間主要花費在下載網頁元素上了,即HTML、CSS、javascript、Flash、圖片等,統計顯示,每增加一個元素,網頁載入的時間就增加25-40毫秒(取決于用戶的帶寬情況)。 所以,想要提高網頁打開速度,就要減少HTTP請求數,方法有3種: 1)減少不必要的HTTP請求,例如用CSS圓角代替圓角圖片,減少圖片的使用。 2)合并文件,對于文本文件,可以直接合并內容。例如將多個JS(javascript的簡稱)文件合并成一個,將多個CSS文件合并成一個。 3)優化緩存,對于沒有變化的網頁元素(如頁頭、頁尾等),用戶再次訪問的時候沒有必要重新下載,直接從瀏覽器緩存里讀取就可以了。 2、使用CDN(Content Delivery Network,內容分發網絡) CDN由一系列分散到各個不同地理位置上的Web服務器組成,它根據和用戶在網絡上的靠近程度來指定某臺服務器響應用戶的請求。當你的網站圖片很多事,就一樣要使用CDN了,比如現在的電商網站,幾乎都在使用CDN。 3、壓縮網頁元素 網頁中的每個元素越小,下載所需的時間就越少,這個很好理解?,F在比較成熟和流程的壓縮網頁的方式,是通過Gzip,我自己的實操經驗來看,一般可以將網頁文本內容減少70%以上。 4、樣式表放在網頁Head部分 這也是我實際操作過的案例,把樣式表(CSS文件)移到網頁的Head部分,可以提高頁面的加載速度,讓頁面元素順序顯示。 5、把JS文件放到網頁底部 網頁打開時,所有元素是順序顯示的。由于JS文件的特殊性,其相比其他元素來說,會加載的很慢,在JS文件下載完成之前,其他后面元素的順序顯示將被阻塞,因此把JS文件盡量放在底部,意味著內容能被快速顯示。 6、把樣式表和JS腳本放到外部文件中 盡管將樣式表和JS腳本直接寫入網頁HTML中,可以減少外部文件調用數量,但是,這樣做會增加網頁的文件大小。綜合來看,將樣式表和JS腳本放到外部文件中,也許用戶首次訪問時會有點慢,但是后續在訪問網站時,用戶直接通過瀏覽器緩存就可以用,從而達到減少HTTP請求數的目的,為最優的做法。 在提升網頁打開速度經常被忽視的一個問題是響應。對于用戶來說,每次的操作,不管返回結果是慢,還是快,都要及時予以響應,最典型的例子就是:當用戶點擊打開一張圖片時,是否有百分比數字顯示的進度條,就是一個典型的響應設計。 業務咨詢QQ:309183243 |