1、減少HTTP請求數(shù)
用戶在打開一個網(wǎ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、使用CDN(Content Delivery Network,內(nèi)容分發(fā)網(wǎng)絡)
CDN由一系列分散到各個不同地理位置上的Web服務器組成,它根據(jù)和用戶在網(wǎng)絡上的靠近程度來指定某臺服務器響應用戶的請求。當你的網(wǎng)站圖片很多事,就一樣要使用CDN了,比如現(xiàn)在的電商網(wǎng)站,幾乎都在使用CDN。
3、壓縮網(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)常被忽視的一個問題是響應。對于用戶來說,每次的操作,不管返回結(jié)果是慢,還是快,都要及時予以響應,最典型的例子就是:當用戶點擊打開一張圖片時,是否有百分比數(shù)字顯示的進度條,就是一個典型的響應設計。
一流的網(wǎng)站用戶體驗絕對不是一蹴而就的,要進行充分的可用性測試,收集用戶的反饋,持續(xù)改進。
別讓我想
用戶不會使用一個網(wǎng)站絕對不是用戶的錯,他會打開電腦,會使用鍵盤和鼠標,會打開瀏覽器上網(wǎng),經(jīng)過這么步驟最終到達了你的網(wǎng)站,然后發(fā)現(xiàn)網(wǎng)站上一團糟,搞不懂這是什么,那是什么,也懶得學習如何使用,于是就會眼都不眨一下就關閉你的網(wǎng)站。這是很現(xiàn)實的一個用戶行為。
長沙科聯(lián)環(huán)保科技有限公司
長沙科聯(lián)環(huán)?萍加邢薰咀溆趪壹夐L沙經(jīng)濟技術開發(fā)區(qū),星沙工業(yè)園、我們以“科技創(chuàng)新,聯(lián)合共...南京尚上防腐木
南京尚上防腐木是一家專業(yè)致力于加工、制作、銷售戶外景觀防腐木,并為客戶設計安裝一站式服務的現(xiàn)...長沙昱霆機電有限公司
長沙昱霆機電有限公司是長沙空壓機_長沙空壓機保養(yǎng)_湖南空壓機維修_長沙空壓機機頭維修-長沙昱...湖南省土地學會,湖南土地學會,湖南土地學會官網(wǎng)
湖南省土地學會是全省土地科技工作者自愿組成,并依法登記的學術性、非盈利性、公益性的法人社會團...湖南為美環(huán)保技術有限公司,醫(yī)療污水凈化機組...
湖南為美環(huán)保技術有限公司應“綠水青山就是金山銀山”之勢而生,秉持“為民環(huán)保,美麗干凈”理想信...長沙租車公司-長沙鑫晨租車
長沙鑫晨租車(長沙租車網(wǎng))于2008年,已精工細作多年,F(xiàn)以成為長沙地區(qū)較早的租車公司之一。...聯(lián)系方式
地址:湖南省長沙市天心區(qū)韶山南路248號南園503室
電話:13637482004 0731-88571521
網(wǎng)址:http:///
郵箱:123@123007.com
微信咨詢
掃一掃進移動端