1. 程式人生 > >提高Web端頁面載入速度的6個方法

提高Web端頁面載入速度的6個方法

阿伯丁集團曾對使用者進行調查,結果顯示,網站頁面載入時間每延長1秒,就會減少11%的頁面瀏覽量,降低16%的客戶滿意度,降低7%的轉化率。亞馬遜也通過調查證實,網頁開啟的速度每提高100毫秒,能為網站增多1%的收益。類似的證實還有很多,網頁開啟的速度直接關係到網站的收益,已毋庸置疑。


這就是為什麼今天的企業和個人盡其所能來減少網頁載入時間的原因。時間就是金錢,對於網站來說,是以微秒來計算的。網頁載入時間的大幅加快,也會帶來轉換比例的增加。

如何提高網站速度
1.圖片優化
統計資料顯示,使用者傾向於放棄一個在3秒內未載入完成的網頁。由於載入圖片佔據了網頁上可下載的大部分位元組空間,所以影響網頁下載時間的關鍵來自於影象優化。確保正確的影象優化的最佳方法之一是採用正確的大小和格式(JPEG、GIF或PNG)。我們的目標是在不影響圖片質量的情況下儘可能地縮減檔案大小。

2.嘗試CDN加速


內容交付網路的價值在於它可以獲取一個網站的靜態檔案,如CSS、影象和JavaScript,並通過更接近使用者物理位置的Web伺服器傳遞它們。更短的接近等於更快的載入時間。像AWSCloudFront或者CloudFlare都是很好的CDN加速。CDN另外的好處是,即使停止載入頻寬,你依然可以降低在下載高峰時期的中斷風險。從各個方面看來,CDN都能帶來雙贏的局面。

3.快取
快取是Web頁面臨時儲存的一種機制,可以減少頻寬並提高效能。當訪問者到達您的站點時,快取模式即啟動。這樣可以節省伺服器時間,提高效率。啟用瀏覽器快取會讓重複訪問的訪問者更快速的訪問站點。

4.壓縮
Gzip是一個用於檔案壓縮軟體的應用,就像是把你的網站變成一個zip檔案。大多數伺服器和客戶支援Gzip。當一個Gzip相容瀏覽器請求伺服器將響應傳送給瀏覽器資源,可以顯著減少網站的時間延遲。

5.簡潔的程式碼

讓你的程式碼更簡潔是非常有必要的。這意味著打包壓縮你的HTML、JavaScipt和CSS檔案到更小的檔案中來執行。例如,如果您的移動網站有五個JavaScript檔案,瀏覽器將發出五個單獨的HTTP請求來獲取它們。為減少堵塞和等待時間,另一種方法是縮小和連線這5個檔案到一起。

6.檢查你的Web主機

減少網站頁面載入時間的另一個簡單方法是檢查你的主機提供商,看看你有什麼樣的軟體包。共享託管帳戶經常涉及與其他數十家公司共享伺服器空間,這些網站的速度受到使用伺服器的人數的影響。如果是這樣的話,那麼可能是時候考慮一個專用的訪問伺服器計劃了。