Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124
Physical Address
304 North Cardinal St.
Dorchester Center, MA 02124

TTFB 是 Time To First Byte 的縮寫,意思是 Web 瀏覽器在造訪網站後,接收到伺服器回應數據的時間,也就是當使用者的滑鼠點擊網站的那一刻開始,到接收到一個數據資料之間所等待的時間,稱之為 TTFB。
提到 WordPress 網站優化,一般來說我們可以透過虛擬主機的選擇、緩存快取外掛的安裝…等等方面來進行改善。
然而如果有在注意網頁前端技術得朋友們,在進行網站優化時,可能會遇到 TTFB(Time To First Byte)加載時間過長的問題。
對於沒有進行優化的 WordPress 網站來說,TTFB 的載入時間往往超過了整個網站正常的下載時間,因此會導致使用者在進入網站時浪費時間等待網站的顯示。
而要且覺 TTFB 加載時間過長的問題,主要要從伺服器端來進行優化,因此今天要來教大家如何分析網站 TTFB 加載時間過長的原因與解決方案。
目錄
TTFB 是 Time To First Byte 的縮寫,意思是 Web 瀏覽器在造訪網站後,接收到伺服器回應數據的時間,也就是當使用者的滑鼠點擊網站的那一刻開始,到接收到一個數據資料之間所等待的時間,稱之為 TTFB。
網站速度與 SEO 之間有著一定的關聯性,同時一個快速響應載入的網站一定會比等待很久的網站來的讓人喜歡。
因此在優化 WordPress 網站的同時,若能一起優化 TTFB,那麼也就能有效的提升網站整體的速度。
當你的網站 TTFB 時間越短,代表你的伺服器響應速度越快。
有許多人會搞混網站的加載時間(Loading Time)或是請求響應(Requests),但這兩個與 TTFB 不同的東西,因此在於優化的方法也會有所不同。
既然知道優化 TTFB 能夠提升網站速度,那麼要如何才能知道自己網站的 TTFB 響應時間呢?
在不使用任何的線上工具測試的情況之下,最快的方法就是使用 Chrome 瀏覽器內建的開法者工具來測試網站 TTFB 的時間。

對網站先按下「右鍵」>「檢查」後,打開網站,就可以從「Network」標籤當中看到每一個資源的載入時間,點選到你的網站首頁,即可看到網站的 Waiting(TTFB)的載入時間。
當你的 TTFB 越少時,使用者訪問你的網站就會覺得非常快,有種點一下就顯示完成的感覺,這與 TTFB 有非常大的關係。
由於每個主機與網路環境不同,因此每個主機的 TTFB 也會根據主機位置與使用者的地區不同而有所變動。
如果你想要了解目前的主機 TTFB 最佳化的時間,可以在根目錄底下建立一個靜態的 HTML 頁面,接著查看這個頁面的 TTFB 時間,假設時間為 60 ms,那麼這個 TTFB 的時間就是你優化 WordPress 網站的目標數值。
對於 WordPress 這種動態網頁來說,當主機收到使用者的連線請求時,會先從資料庫中讀取頁面所需的數據內容,然後再將數據傳送到網站樣式當中,經過渲染之後再將畫面傳回給使用者。
因此,如果在上述的過程中處理時間過長,就會導致使用者一直看不到網頁內容,也就是常常見到的轉圈圈畫面。
因此,當你的主機與使用者之間的網路連線不佳時,也會導致 TTFB 時間過長的問題發生。
例如,你的主機位置在歐洲,但使用者大多都在台灣,每次你的使用者連線都要從台灣發送請求到位於歐洲的主機,處理完後再傳送資料給位於台灣的使用者,這一個過程也是會拉長 TTFB 的時間,也就會導致 TTFB 時間過長。
現在我們了解 TTFB 是什麼以及造成 TTFB 時間過長的原因了,那麼我們只要優化主機響應時間,那麼就能有效改善 TTFB 的速度了。
剛剛提到不同的主機環境所產生的 TTFB 時間也會有所不同,因此你會發現有的主機商所提供的主機性能比較好,那麼在上面託管的網站也會比較快,就是因為每個主機針對他們的網路環境與主機設備的優化差異有關。
如果你的 TTFB 緩慢的原因是出自於主機,那麼建議你選擇優質的虛擬主機。
透過選擇適合的主機,能夠直接幫助你改善 TTFB 的時間,同時也會讓你網站的持續運行時間受到保障。
許多人可能會忽略 DNS 的重要性。
在 TTFB 過長的原因當中,其中一項就是解析網域名稱與主機 IP 位置的這個過程。
因此,若你所使用的 DNS 主機效能過於緩慢,那麼就會導致使用者造訪網站時,網域名稱轉換 IP 地址的這一段時間拉長,進而影響整體 TTFB 的時間。
我推薦你使用 CloudFlare 的 DNS 主機,不僅好用且安全,同時他又能提供基本的 CDN 服務,這對於 TTFB 來說又更加有利。
想要查詢你的 DNS 主機速度,可以使用下面兩種線上工具:


你可以透過上面的 DNS 測速工具來檢測自己的 DNS 主機速度,如果過於緩慢,那麼建議你使用 CloudFlare 的 DNS 服務來作為你的 DNS 主機,如此能夠大大提升你的 DNS 主機速度。
透過在 WordPress 當中安裝緩存外取外掛,我們也能夠加速 TTFB 與整體網站載入速度,WordPress 的緩存外掛市面上有許多種,只要用得對用得好,你的網站就能變得飛快!
至於緩存外掛的清單我之前就已經製作過了,大家就直接前往查看吧!
透過今天對 Waiting TTFB 的介紹不曉得大家有沒有了解什麼是 TTFB 與它和網站載入速度之間有什麼關聯性。
當我們想要優化 WordPress 網站、提升 WordPress 網站的速度時,不僅僅要優化網站架構本身,同時也要考量到主機性能與網路環境的問題,如此斤斤計較才能讓使用者獲得最好的網站瀏覽體驗。
不管你是 WordPress 新手、入門、老手,歡迎在下方留下你的網站,讓我們一起來分析與學習你的網站速度是否有哪些可以改善的地方吧!