研究表明：打開網(wǎng)頁(yè)，用戶最滿意的時(shí)間是2-5秒，如果用戶等待超過10秒，99%的用戶會(huì)關(guān)閉這個(gè)網(wǎng)頁(yè)。那么，是什么原因會(huì)導(dǎo)致網(wǎng)站打開慢？又有什么辦法解決呢？一般來說，http請(qǐng)求過多、網(wǎng)頁(yè)過大、服務(wù)器性能過差等等都可能導(dǎo)致網(wǎng)站打開慢。這里我們從技術(shù)層面來分享一些參考解決方法：

1、減少HTTP請(qǐng)求數(shù)

打開一個(gè)網(wǎng)頁(yè)的時(shí)候，后臺(tái)程序的響應(yīng)并不所需太多時(shí)間，等待的時(shí)間主要花費(fèi)在下載網(wǎng)頁(yè)元素上了，即HTML、CSS、JavaScript、Flash、圖片等。據(jù)統(tǒng)計(jì)，每增加一個(gè)元素，網(wǎng)頁(yè)載入的時(shí)間就會(huì)增加25-40毫秒(具體取決于用戶的帶寬情況)。

所以，想要提高網(wǎng)頁(yè)打開速度，可以降低HTTP請(qǐng)求數(shù)，這里提供以下3種方法：

（1）例如用CSS代碼代替一些圖片（比如圓角圖片），盡可能的減少圖片使用。

（2）合并文件，對(duì)于文本文件，可以直接合并內(nèi)容。如將多個(gè)JavaScript文件合并成一個(gè)，將多個(gè)CSS文件合并成一個(gè)。

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

2、樣式表放在網(wǎng)頁(yè)Head部分

經(jīng)過實(shí)際測(cè)試，把樣式表(CSS文件)移到網(wǎng)頁(yè)的Head部分，可以提高有效頁(yè)面的加載速度，讓頁(yè)面元素順序顯示。

3、使用CDN(ContentDeliveryNetwork，內(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。很多CSS樣式框架以及js框架都提供了CDN服務(wù)，比如bootstrap等等。

4、壓縮網(wǎng)頁(yè)元素

顯然，網(wǎng)頁(yè)中的元素越小，下載所需的時(shí)間就越少。現(xiàn)在比較成熟和流程的壓縮網(wǎng)頁(yè)的方式是通過Gzip壓縮，一般可以將網(wǎng)頁(yè)文本內(nèi)容減少60%以上。

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

網(wǎng)頁(yè)打開時(shí)，所有元素是順序顯示的。但是由于JS具有特殊性，相對(duì)其他元素而言，會(huì)加載的較慢，在JS文件下載完成之前，其他后面元素的順序顯示將被阻塞，因此把JS文件盡量放在底部，意味著內(nèi)容能被快速顯示。

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

雖然我們可以將樣式表和JS腳本直接寫入網(wǎng)頁(yè)HTML中，能夠減少外部文件調(diào)用數(shù)量，但是這樣做會(huì)增加頁(yè)面的文件大小。將樣式表和JS腳本放到外部文件中，用戶首次訪問時(shí)也許會(huì)有點(diǎn)慢，但是后續(xù)在訪問網(wǎng)站時(shí)，用戶直接通過瀏覽器緩存就可以用，從而達(dá)到減少HTTP請(qǐng)求數(shù)的目的，為最優(yōu)的做法。

此外，在選擇服務(wù)器空間的時(shí)候，要注意服務(wù)器空間的性能，有時(shí)候，慢，并不是網(wǎng)站程序的問題，有可能是服務(wù)器空間太差勁了，不足以承擔(dān)高并發(fā)。這里筆者推薦一款快速的虛擬主機(jī)-億恩不限流量虛擬主機(jī)，空間容量大，不限流量不限IIS并發(fā)數(shù)，快速穩(wěn)定是虛擬主機(jī)的理想選擇！