Server response time 太慢?談談如何改善 WordPress 的伺服器響應時間

什麼是 Server response time 伺服器響應時間?

伺服器響應時間是 Web 伺服器響應用戶的瀏覽器請求所花費的時間。

根據 Google 的 Pagespeed 指標,只要響應時間超過 200ms ,就算是太慢。雖然這個數字有點嚴苛,但是你那沒耐心的客戶一定更嚴苛... 所以我們還是來討論一下,怎麼樣可以讓伺服器盡量快速的響應。

另外一點是,無論你的 WordPress 網頁的優化速度如何,如果你的伺服器響應時間很慢,你的網頁還是會很慢才顯示。

如何加快伺服器的響應時間

大概可以分成兩個方法,這兩個方法各有好壞:

  1. 學習 - 看完底下的文章
  2. 付錢 - 升級你的伺服器硬體或是付錢請人幫你看看

這篇文章可以協助你確認哪一種方法對你比較好。與網站管理員的大多數事情一樣,這是一個時間與金錢的決定。

影響伺服器響應時間的幾個因素

有四個關鍵的因素會決定您的伺服器響應時間:

  1. 網站流量 - 流量愈多,問題愈多(誤)。
  2. 網站資源使用情況 - 如果你網頁使用的資源較少,則可以縮短服務器響應時間,就不用花錢。
  3. 伺服器軟體 - 如果你換一個伺服器軟體或配置,則可能會提高服務器響應時間,就不用花錢。
  4. 虛擬主機 - 如果你提高你的虛擬主機的質量和規格,你可以改善你的伺服器響應時間,但要花錢。

網站流量

隨著網站獲得更多的流量,它使用更多的服務器資源。一旦網站流量快速增長,網站的速度會愈來愈慢。

流量如何影響伺服器的響應時間?

就像咖啡廳一樣,一台伺服器一次能夠容納的人數是有限的。每個客人待的時間愈長,你總共能服務的人就越少。用於服務人們的資源越多,後端的資源就越少,比如 PHP 或其他可能需要服務用戶的東西。

就咖啡廳而言,如果有更多的人在櫃檯接受訂單,那麼負責煮咖啡的人手就會減少。

但你別誤會我的意思,我用咖啡廳比喻並不是要你提高翻桌率,把客戶都趕走。每個人的網站類型可能個有不同,但是最後要做的事情都還是「促成轉化」,別搞錯了。

網站資源使用情況

你的網頁必須做的每一件事情都會顯示出來,這會使服務器的使用率相當高。一般來說,我們安裝的 WordPress 主題很可能會從你自己的伺服器(如圖片)載入多個 CSS 樣式表,多個 JS 腳本和其他資源。如果主題特別肥大,那麼載入的速度就會變得比較慢。

也就是說,當用戶每訪問一個頁面時,你的伺服器可能要來回運算好幾十次。當用戶的量變得更大,他可能就撐不住了。

讓頁面載入時使用較少資源

這是一個簡單的例子。比方說,一個伺服器每秒可以處理 100 個請求。在那一秒,你可以服務...

  1. 4 個訪問者 訪問 使用了 25 個資源的頁面
  2. 10 個訪問者 訪問 使用了 10 個資源的頁面
  3. 25 個訪問者 訪問 使用 4 個資源的頁面
  4. 100 個訪問者 訪問 100 個沒有額外使用資源的頁面

在這個簡單的例子中,合理的使用頁面資源可以大量地提高伺服器的容量。伺服器不僅可以為更多的訪問者提供服務,而且由於其負載減少,響應速度也會更快。

要找出您的網頁有多少請求,您可以使用此工具來告訴您每個頁面加載使用了多少資源。

如何減少頁面使用的資源

像是 CSS,JavaScript 等資源載入的愈少,你的網頁載入的速度就會越快。

  1. 合併外部 CSS 文件 - 許多主題和設計已將所有 CSS 分隔成幾個不同的文件,但所有的 CSS 都可以放在一個文件中,因此頁面每頁調用資源較少。
  2. 結合外部 JavaScript 文件 - 就像 CSS 一樣,你的頁面使用的 javascript 都可以位於 html 或者一個組合的外部 js 文件中。他們往往不是這樣,這會造成浪費的外部電話。
  3. Lazy Loading - Lazy Loading 讓圖片不要馬上載入,用戶看到時才載入,可以有效的提升頁面載入速度。
  4. 內嵌體積較小的 CSS 和 Javascript - 在某些情況下,甚至不需要在外部文件中包含 CSS 和 Javascript。如果你把它們放在 HTML 文件中,那麼就不需要額外的調用。
  5. 使用 Keep-Alive 方式 - 確保你知道你的伺服器如何使用 Keep-Alive ,因為它可以真正影響你的服務器如何實現請求。

遵循頁面速度最佳實踐將增加服務器可以有效服務的人數。減少每個網頁需要調用的文件數量也會減少服務器需要做的工作。