標籤:
近期有客戶反應伺服器網站開啟速度慢,檢查伺服器網路和硬體都是沒有問題的,特此找來這篇文章來學習下!研究表明:開啟網頁,使用者最滿意的時間是2-5秒,如果使用者等待超過10秒,99%的使用者會關閉這個網頁。那麼,是什麼原因會導致網站開啟慢?又有什麼辦法解決呢?一般來說,http請求過多、網頁過大、伺服器效能過差等等都可能導致網站開啟慢。這裡我們從技術層面來分享一些參考解決方案:
1、減少HTTP請求數
開啟一個網頁的時候,背景程式的響應並不所需太多時間,等待的時間主要花費在下載網頁元素上了,即HTML、CSS、JavaScript、Flash、圖片等。據統計,每增加一個元素,網頁載入的時間就會增加25-40毫秒(具體取決於使用者的頻寬情況)。
所以,想要提高網頁開啟速度,可以降低HTTP請求數,這裡提供以下3種方法:
(1)例如用CSS代碼代替一些圖片(比如圓角圖片),儘可能的減少圖片使用。
(2)合并檔案,對於文字檔,可以直接合并內容。如將多個JavaScript檔案合并成一個,將多個CSS檔案合并成一個。
(3)最佳化緩衝,對於沒有變化的網頁元素(如頁頭、頁尾等),使用者再次訪問的時候沒有必要重新下載,可以直接從瀏覽器緩衝裡讀取。
2、樣式表放在網頁Head部分
經過實際測試,把樣式表(CSS檔案)移到網頁的Head部分,可以提高有效頁面的載入速度,讓頁面元素順序顯示。
3、使用CDN(ContentDeliveryNetwork,內容分髮網絡)
CDN由一系列分散到各個不同地理位置上的Web伺服器組成,它根據和使用者在網路上的靠近程度來指定某台伺服器響應使用者的請求。當你的網站圖片很多事,就一樣要使用CDN了,比如現在的電商網站,幾乎都在使用CDN。很多CSS樣式架構以及js架構都提供了CDN服務,比如bootstrap等等。
4、壓縮網頁元素
顯然,網頁中的元素越小,下載所需的時間就越少。現在比較成熟和流程的壓縮網頁的方式是通過Gzip壓縮,一般可以將網頁常值內容減少60%以上。
5、把JS檔案放到網頁底部
網頁開啟時,所有元素是順序顯示的。但是由於JS具有特殊性,相對其他元素而言,會載入的較慢,在JS檔案下載完成之前,其他後面元素的順序顯示將被阻塞,因此把JS檔案盡量放在底部,意味著內容能被快速顯示。
6、把樣式表和JS指令碼放到外部檔案中
雖然我們可以將樣式表和JS指令碼直接寫入網頁HTML中,能夠減少外部檔案調用數量,但是這樣做會增加頁面的檔案大小。將樣式表和JS指令碼放到外部檔案中,使用者首次訪問時也許會有點慢,但是後續在訪問網站時,使用者直接通過瀏覽器緩衝就可以用,從而達到減少HTTP請求數的目的,為最優的做法。
此外,在選擇伺服器空間的時候,要注意伺服器空間的效能,有時候,慢,並不是網站程式的問題,有可能是伺服器空間太差勁了,不足以承擔高並發。詳情請諮詢小梅,QQ:2881064157!
導致網站開啟慢的原因及解決方案?