減少網頁載入時間的6個技巧

作者 | Jeffrey Walker

翻譯 | Vincent

在Web世界中，速度才是最重要的。本文介紹了何使用6個簡單的Web性能技巧來提高網頁的載入速度。

根據安伯丁集團的一份研究結果顯示，頁面載入時間如果延遲了1秒，那麼頁面瀏覽量就會減少11%，客戶滿意度會下降16%，轉化率下降7%。

亞馬遜的研究結果也證明了這一點，他們的報告結果顯示，只要網站的速度每提高100毫秒，就會增加1%的收益。還可以引用很多其它的例子，但所有的例子都很清晰的揭示了同一個很簡單的道理，那就是網頁載入時間是金錢。

這就是為什麼企業和個人都需要竭盡所能來減少網頁載入時間。記住，時間就是金錢——從字面上來說，時間往往就取決於那幾微秒。

這裡有6種技巧來可以幫助你大大減少網頁載入時間，隨之而來的轉化率也會相應增加。

如何提高網站速度

1. 優化圖片

統計數據顯示，如果網站在3秒鐘之內還沒有載入成功，那麼大多數用戶都會選擇關閉。由於圖片在Web頁面的可下載位元組空間中佔大多數，所以如果能夠成功的對圖片進行優化，那麼Web頁面的下載時間也會大大的減少。

確保圖片正確優化的最佳方法之一是採用正確的大小和格式(JPEG、GIF或PNG)。目標是在不犧牲質量的情況下儘可能減少文件的大小，現在Web上有許多工具可以幫助解決這個問題。

2. 試試內容分發網路(CDN)

內容分發網路的價值在於它可以獲取網站的靜態文件，如CSS文件、圖片和JavaScript文件，並通過與用戶的物理位置更接近的Web伺服器來分發這些文件。較短的距離就代表更快的載入時間。

CDN的一些代表性的例子有AWS CloudFront、Fastly或Cloudflare。CDN的另一個好處是，通過減少帶寬，用戶還可以降低由於流量而導致的停機時間中斷的風險。無論從哪個方面來看，使用CDN帶來的都是雙贏的結果。

3. 緩存

緩存是一種用於臨時存儲Web頁面以減少帶寬和提高性能的機制。當訪問者到達站點時，站點會提供一個緩存的版本，除非在最後一次緩存中發生了變化。這節省了伺服器的時間，並且使事情變得更快。啟用瀏覽器緩存將使重複訪問者更快、更快捷。

4. 壓縮

Gzip是一個用於文件壓縮的軟體應用程序，它就像將你的網站放入一個zip文件中。現在大多數伺服器和客戶機都支持gzip。當一個兼容gzip的瀏覽器請求某個資源時，伺服器可以在將響應發送到瀏覽器之前壓縮響應。這可以顯著減少網站上的時間延遲。

5. 保持代碼輕巧

重要的是儘可能縮小代碼的數量，這意味著將HTML、JavaScript和CSS代碼庫壓縮到更少的文件中，以優化它們的運行方式。例如，如果移動站點有5個JavaScript文件，瀏覽器將會發出5個單獨的HTTP請求來獲取它們。為了避免阻塞和等待時間，另一種方法是縮小並將這5個文件合并成一個精簡的文件。

6. 複核虛擬主機

另一個減少網站頁面載入時間的簡單方法是與你的主機提供商核實一下你的包是什麼類型的。共享的主機帳戶通常包括與其他數十家公司共享伺服器空間，這些公司的網站速度受到使用伺服器的人數的影響。如果是這種情況，那麼可能是時候考慮一個專用伺服器，該伺服器只供你一個人佔用。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！