關(guān)注網(wǎng)頁前端性能的朋友，在優(yōu)化網(wǎng)頁性能的時候都會遇到網(wǎng)站加載 Waiting（TTFB）時間過長的問題。對于沒有優(yōu)化過的 WordPress 站點，TTFB 時間經(jīng)常超過了頁面內(nèi)容的下載時間，為用戶帶來不必要的等待時間。這個問題的主要原因是在服務(wù)器端，不熟悉服務(wù)器運維的朋友優(yōu)化起來可能會不知道從哪里下手，今天我們就從各方面分析一下網(wǎng)站加載 Waiting (TTFB) 時間過長的原因和解決辦法。

什么是 Waiting (TTFB) 時間

TTFB 是 Time to First Byte 的縮寫，指的是瀏覽器開始收到服務(wù)器響應(yīng)數(shù)據(jù)的時間（后臺處理時間+重定向時間），是反映服務(wù)端響應(yīng)速度的重要指標。就像你問朋友了一個問題，你的朋友思考了一會兒才給你答案，你朋友思考的時間就相當于 TTFB。你朋友思考的時間越短，就說明你朋友越聰明或者對你的問題越熟悉。對服務(wù)器來說，TTFB 時間越短，就說明服務(wù)器響應(yīng)越快。

TTFB 時間多長算長？

因為每個服務(wù)器的硬件和網(wǎng)絡(luò)環(huán)境都不盡相同，每個服務(wù)器的 TTFB 時間也不相同。如果想知道你的服務(wù)器優(yōu)化可以到什么程度，大家可以上傳一些靜態(tài)的 HTML 頁面到服務(wù)器，然后打開這些靜態(tài)頁面，看一些這些頁面的 TTFB 時間，大多數(shù)服務(wù)器的 TTFB 時間都在 50 ms 以下，這個時間就是我們優(yōu)化時候可以追求的時間。下面兩個圖中的 TTFB 時間分別是本站所在服務(wù)器的靜態(tài)和動態(tài)網(wǎng)頁 TTFB 等待時間。

根據(jù)我們的測試，TTFB 時間如果超過了 500 ms，用戶在打開網(wǎng)頁的時候就會感覺到明顯的等待。我么可以把 500 ms 以上認為是 TTFB 時間過長?？梢?，WordPress 智庫的服務(wù)器還不算差。

TTFB 過長的原因

我們知道，對于動態(tài)網(wǎng)頁來說，服務(wù)器收到用戶打開一個頁面的請求時，首先要從數(shù)據(jù)庫中讀取該頁面需要的數(shù)據(jù)，然后把這些數(shù)據(jù)傳入到模版中，模版渲染后，再返回給用戶。由于查詢數(shù)據(jù)和渲染模版需要需要一定的時間，在這個過程沒有完成之前，瀏覽器就一致處于等待接收服務(wù)器響應(yīng)的狀態(tài)。有些服務(wù)的性能比較低，或者優(yōu)化沒做好，這個時間就會比較長。

當然，如果服務(wù)器到用戶之間的網(wǎng)絡(luò)不好，（比如，服務(wù)器在歐洲，用戶在中國，用戶打開網(wǎng)頁的時候，請求需要跨越千山萬水才能達到服務(wù)器），服務(wù)器接收到用戶請求的時間過長，也是導致 TTFB 時間過長的原因。

有時候，頁面在用戶的瀏覽器中保存了過多的 Cookie，每次請求，這些 Cookie 都要發(fā)送到服務(wù)器，服務(wù)器都要處理這些 Cookie，這也是導致 TTFB 時間過長的原因之一。

Waiting (TTFB) 時間過長的解決辦法

知道了原因，解決辦法就顯而易見了，那就是縮短服務(wù)器響應(yīng)時間，最簡單直接并且有效的辦法就是使用緩存，把 PHP 和 MySQL 的執(zhí)行時間最小化，一些緩存插件可以把 SQL 查詢結(jié)果緩存起來，把幾十次查詢結(jié)果轉(zhuǎn)換為幾次；一些緩存插件可以直接把用戶所請求的頁面靜態(tài)化，用戶打開網(wǎng)頁時，相當于直接從服務(wù)器上下載了靜態(tài)頁面。

如果是網(wǎng)絡(luò)原因，換一個服務(wù)器是比較直接的解決辦法。如果因為一些原因不能換服務(wù)器，可以使用一個 CDN，把頁面同步到離用戶比較近的 CDN 節(jié)點上，也是一個不錯的解決辦法。

如果是 Cookie 的原因，可以通過修改應(yīng)用程序，刪除一些不必要的 Cookie，或者精簡 Cookie 內(nèi)容，縮短 Cookie 的有效期等，都是解決辦法。

本站使用的是 Cachify 插件 Memcached 緩存方式，直接把用戶請求過的頁面，緩存到了內(nèi)存中，網(wǎng)站加載 Waiting (TTFB) 時間達到了 50 ms 左右，感興趣的朋友可以用谷歌瀏覽器的調(diào)試工具查看一下。