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

什么是 Waiting (TTFB) 時(shí)間

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

TTFB 時(shí)間多長(zhǎng)算長(zhǎng)？

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

根據(jù)我們的測(cè)試，TTFB 時(shí)間如果超過(guò)了 500 ms，用戶在打開(kāi)網(wǎng)頁(yè)的時(shí)候就會(huì)感覺(jué)到明顯的等待。我么可以把 500 ms 以上認(rèn)為是 TTFB 時(shí)間過(guò)長(zhǎng)?？梢?jiàn)，WordPress 智庫(kù)的服務(wù)器還不算差。

TTFB 過(guò)長(zhǎng)的原因

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

當(dāng)然，如果服務(wù)器到用戶之間的網(wǎng)絡(luò)不好，（比如，服務(wù)器在歐洲，用戶在中國(guó)，用戶打開(kāi)網(wǎng)頁(yè)的時(shí)候，請(qǐng)求需要跨越千山萬(wàn)水才能達(dá)到服務(wù)器），服務(wù)器接收到用戶請(qǐng)求的時(shí)間過(guò)長(zhǎng)，也是導(dǎo)致 TTFB 時(shí)間過(guò)長(zhǎng)的原因。

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

Waiting (TTFB) 時(shí)間過(guò)長(zhǎng)的解決辦法

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

如果是網(wǎng)絡(luò)原因，換一個(gè)服務(wù)器是比較直接的解決辦法。如果因?yàn)橐恍┰虿荒軗Q服務(wù)器，可以使用一個(gè) CDN，把頁(yè)面同步到離用戶比較近的 CDN 節(jié)點(diǎn)上，也是一個(gè)不錯(cuò)的解決辦法。

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

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