WordPress 速度優化TTFB 淺談 | 如何減少ttfb
談到WordPress速度優化,會想到主機性能、加入快取外掛、資料表的優化,反而TTFB很少人談論,TTFB(timetofirstbyte),第一個字節的反應時間,我覺得在討論WordPress速度優化時,不能少了TTFB這部分。TTFB的概念是甚麼?TTFB代表第一個字節反應的時間;簡單的說,就是當讀者在瀏覽器這一端,點下你的網站時,到你的主機開始接收第一個數據字節之前所等待的時間。換句話說,瀏覽器獲取數據所需的時間越長,你的網站顯示頁面所需的時間就越長。有的人會把TTBF與網站LoadTime或Requests混在一起,其實這是時間點有不同的計算方式,優化方法...
談到 WordPress 速度優化,會想到主機性能、加入快取外掛、資料表的優化,反而 TTFB 很少人談論,TTFB (time to first byte),第一個字節的反應時間,我覺得在討論 WordPress 速度優化時,不能少了 TTFB 這部分。
TTFB 的概念是甚麼?TTFB 代表第一個字節反應的時間;簡單的說,就是當讀者在瀏覽器這一端,點下你的網站時,到你的主機開始接收第一個數據字節之前所等待的時間。
換句話說,瀏覽器獲取數據所需的時間越長,你的網站顯示頁面所需的時間就越長。
有的人會把 TTBF 與網站 Load Time 或 Requests 混在一起,其實這是時間點有不同的計算方式,優化方法也有所不同。
如何測量 TTFB 的反應時間?知道 TTFB 代表的是甚麼後,該如何測量我的網站的 TTFB,最簡單的方法就是使用 Google Chrome DevTools,Chrome F12 來測量 TTFB 的時間。
https://developers.google.com/web/tools/chrome-devtools/
如圖:綠色的長條圖就是 TTFB 所需時間,時間當然是越短越好。我優化過最短的 TTFB 的網站,是使用 GCP 的台灣主機,TTFB 只有 10MS 左右,有人說網站會有秒開的感覺,這跟 TTFB 的時間長短是有關係的,後面的內容會說明是甚麼原因。
在 Pingdom 線上工具測試的結果,Wait 黃色長條是 TTFB 的時間:
WebPageTest 測試 TTFB 的結果,First Byte 指的是 TTFB 的時間:
從以上的線上測量工具,可以看出我的網站的 TTFB 的時間,接下來說明:
影響 TTFB 的三個因素 讀者 (客戶端) 的請求通過網絡到 Web 伺服器所需的時間。 Web 伺服器處理請求並生成回應所需的時間。 Web 伺服器所產生的回應通過網絡回傳到瀏覽器 (客戶端) 所需的時間。簡單的說,客戶端 >> 主機 >> 客戶端,這個相對關係之間的時間題。
從上...