1、減少HTTP請(qǐng)求數(shù)
用戶在打開一個(gè)網(wǎng)頁的時(shí)候，后臺(tái)程序響應(yīng)用戶所需的時(shí)間并不多，用戶等待的時(shí)間主要花費(fèi)在下載網(wǎng)頁元素上了，即HTML、CSS、Javascript、Flash、圖片等，統(tǒng)計(jì)顯示，每增加一個(gè)元素，網(wǎng)頁載入的時(shí)間就增加25-40毫秒(取決于用戶的帶寬情況)。
所以，想要提高網(wǎng)頁打開速度，就要減少HTTP請(qǐng)求數(shù)，方法有3種：
1)減少不必要的HTTP請(qǐng)求，例如用CSS圓角代替圓角圖片，減少圖片的使用。
2)合并文件，對(duì)于文本文件，可以直接合并內(nèi)容。例如將多個(gè)JS(Javascript的簡稱)文件合并成一個(gè)，將多個(gè)CSS文件合并成一個(gè)。
3)優(yōu)化緩存，對(duì)于沒有變化的網(wǎng)頁元素(如頁頭、頁尾等)，用戶再次訪問的時(shí)候沒有必要重新下載，直接從瀏覽器緩存里讀取就可以了。
2、使用CDN(Content Delivery Network，內(nèi)容分發(fā)網(wǎng)絡(luò))
CDN由一系列分散到各個(gè)不同地理位置上的Web服務(wù)器組成，它根據(jù)和用戶在網(wǎng)絡(luò)上的靠近程度來指定某臺(tái)服務(wù)器響應(yīng)用戶的請(qǐng)求。當(dāng)你的網(wǎng)站圖片很多事，就一樣要使用CDN了，比如現(xiàn)在的電商網(wǎng)站，幾乎都在使用CDN。
3、壓縮網(wǎng)頁元素
網(wǎng)頁中的每個(gè)元素越小，下載所需的時(shí)間就越少，這個(gè)很好理解�，F(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文件的特殊性，其相比其他元素來說，會(huì)加載的很慢，在JS文件下載完成之前，其他后面元素的順序顯示將被阻塞，因此把JS文件盡量放在底部，意味著內(nèi)容能被快速顯示。
6、把樣式表和JS腳本放到外部文件中
盡管將樣式表和JS腳本直接寫入網(wǎng)頁HTML中，可以減少外部文件調(diào)用數(shù)量，但是，這樣做會(huì)增加網(wǎng)頁的文件大小。綜合來看，將樣式表和JS腳本放到外部文件中，也許用戶首次訪問時(shí)會(huì)有點(diǎn)慢，但是后續(xù)在訪問網(wǎng)站時(shí)，用戶直接通過瀏覽器緩存就可以用，從而達(dá)到減少HTTP請(qǐng)求數(shù)的目的，為最優(yōu)的做法。
在提升網(wǎng)頁打開速度經(jīng)常被忽視的一個(gè)問題是響應(yīng)。對(duì)于用戶來說，每次的操作，不管返回結(jié)果是慢，還是快，都要及時(shí)予以響應(yīng)，最典型的例子就是：當(dāng)用戶點(diǎn)擊打開一張圖片時(shí)，是否有百分比數(shù)字顯示的進(jìn)度條，就是一個(gè)典型的響應(yīng)設(shè)計(jì)。
一流的網(wǎng)站用戶體驗(yàn)絕對(duì)不是一蹴而就的，要進(jìn)行充分的可用性測試，收集用戶的反饋，持續(xù)改進(jìn)。
別讓我想
用戶不會(huì)使用一個(gè)網(wǎng)站絕對(duì)不是用戶的錯(cuò)，他會(huì)打開電腦，會(huì)使用鍵盤和鼠標(biāo)，會(huì)打開瀏覽器上網(wǎng)，經(jīng)過這么步驟最終到達(dá)了你的網(wǎng)站，然后發(fā)現(xiàn)網(wǎng)站上一團(tuán)糟，搞不懂這是什么，那是什么，也懶得學(xué)習(xí)如何使用，于是就會(huì)眼都不眨一下就關(guān)閉你的網(wǎng)站。這是很現(xiàn)實(shí)的一個(gè)用戶行為。
上一條：
長沙做網(wǎng)站分享如何寫出高質(zhì)量原創(chuàng)文章的下一條：
長沙做網(wǎng)站分析那些阻礙了你的網(wǎng)站排名的核心因素
湘公網(wǎng)安備 43010302001803號(hào)