• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
TechMoon 科技月球

TechMoon 科技月球

免費工具、WordPress、虛擬主機、 科技前端

  • 科技新知
  • 月球精選
  • 線上工具
  • 虛擬主機
    • Bluehost 主機
    • A2 Hosting 主機
  • WordPress
    • WordPress 教學
    • WordPress 主題
    • WordPress 外掛
  • 免費資源
  • 優惠資訊
  • 自我提升
    • Excel 教學
    • 網路行銷
  • Udemy 免費課程
  • 虛擬主機總覽
目前位置: 首頁 / WordPress / 什麼是 Waiting TTFB 加載時間過長? 3 步教你如何在 WordPress 當中優化 TTFB 速度
什麼是 Waiting TTFB 加載時間過長? 3 步教你如何在 WordPress 當中優化 TTFB 速度

什麼是 Waiting TTFB 加載時間過長? 3 步教你如何在 WordPress 當中優化 TTFB 速度

Last Updated on 2019-01-25 By Sliven Leave a Comment

利益接露:當你從網站中的連結購買產品或服務時,某些連結可以讓我們獲得收入。
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
3 分鐘閱讀

提到 WordPress 網站優化,一般來說我們可以透過虛擬主機的選擇、緩存快取外掛的安裝…等等方面來進行改善。

然而如果有在注意網頁前端技術得朋友們,在進行網站優化時,可能會遇到 TTFB(Time To First Byte)加載時間過長的問題。

對於沒有進行優化的 WordPress 網站來說,TTFB 的載入時間往往超過了整個網站正常的下載時間,因此會導致使用者在進入網站時浪費時間等待網站的顯示。

而要且覺 TTFB 加載時間過長的問題,主要要從伺服器端來進行優化,因此今天要來教大家如何分析網站 TTFB 加載時間過長的原因與解決方案。

目錄
  1. 1. 什麼是 Waiting TTFB?
  2. 2. 如何得知網站 TTFB 的響應時間?
  3. 3. TTFB 的時間應該多長多短?
  4. 4. 導致 Waiting TTFB 時間過長的原因
    1. 4.1. 影響 TTFB 的三大因素:
  5. 5. 如何解決 Waiting (TTFB) 時間過長問題
    1. 5.1. 優化 TTFB 方法 1:選擇好的虛擬主機
    2. 5.2. 優化 TTFB 方法 2:選擇好的 DNS 服務
    3. 5.3. 優化 TTFB 方法 3:使用緩存快取外掛
  6. 6. 最後
  7. 7. 你可能有興趣
  8. 8. 更多相關文章

什麼是 Waiting TTFB?

TTFB 是 Time To First Byte 的縮寫,意思是 Web 瀏覽器在造訪網站後,接收到伺服器回應數據的時間,也就是當使用者的滑鼠點擊網站的那一刻開始,到接收到一個數據資料之間所等待的時間,稱之為 TTFB。

網站速度與 SEO 之間有著一定的關聯性,同時一個快速響應載入的網站一定會比等待很久的網站來的讓人喜歡。

因此在優化 WordPress 網站的同時,若能一起優化 TTFB,那麼也就能有效的提升網站整體的速度。

當你的網站 TTFB 時間越短,代表你的伺服器響應速度越快。

有許多人會搞混網站的加載時間(Loading Time)或是請求響應(Requests),但這兩個與 TTFB 不同的東西,因此在於優化的方法也會有所不同。

如何得知網站 TTFB 的響應時間?

既然知道優化 TTFB 能夠提升網站速度,那麼要如何才能知道自己網站的 TTFB 響應時間呢?

在不使用任何的線上工具測試的情況之下,最快的方法就是使用 Chrome 瀏覽器內建的開法者工具來測試網站 TTFB 的時間。

使用 Chrome 開發者工具查看網站 TTFB 時間
使用 Chrome 開發者工具查看網站 TTFB 時間

對網站先按下「右鍵」>「檢查」後,打開網站,就可以從「Network」標籤當中看到每一個資源的載入時間,點選到你的網站首頁,即可看到網站的 Waiting(TTFB)的載入時間。

當你的 TTFB 越少時,使用者訪問你的網站就會覺得非常快,有種點一下就顯示完成的感覺,這與 TTFB 有非常大的關係。

TTFB 的時間應該多長多短?

由於每個主機與網路環境不同,因此每個主機的 TTFB 也會根據主機位置與使用者的地區不同而有所變動。

如果你想要了解目前的主機 TTFB 最佳化的時間,可以在根目錄底下建立一個靜態的 HTML 頁面,接著查看這個頁面的 TTFB 時間,假設時間為 60 ms,那麼這個 TTFB 的時間就是你優化 WordPress 網站的目標數值。

導致 Waiting TTFB 時間過長的原因

對於 WordPress 這種動態網頁來說,當主機收到使用者的連線請求時,會先從資料庫中讀取頁面所需的數據內容,然後再將數據傳送到網站樣式當中,經過渲染之後再將畫面傳回給使用者。

因此,如果在上述的過程中處理時間過長,就會導致使用者一直看不到網頁內容,也就是常常見到的轉圈圈畫面。

影響 TTFB 的三大因素:

  • 使用者傳送請求到主機的時間
  • 主機接收請求抓取資料的時間
  • 主機回傳資料給使用者的時間

因此,當你的主機與使用者之間的網路連線不佳時,也會導致 TTFB 時間過長的問題發生。

例如,你的主機位置在歐洲,但使用者大多都在台灣,每次你的使用者連線都要從台灣發送請求到位於歐洲的主機,處理完後再傳送資料給位於台灣的使用者,這一個過程也是會拉長 TTFB 的時間,也就會導致 TTFB 時間過長。

如何解決 Waiting (TTFB) 時間過長問題

現在我們了解 TTFB 是什麼以及造成 TTFB 時間過長的原因了,那麼我們只要優化主機響應時間,那麼就能有效改善 TTFB 的速度了。

優化 TTFB 方法 1:選擇好的虛擬主機

剛剛提到不同的主機環境所產生的 TTFB 時間也會有所不同,因此你會發現有的主機商所提供的主機性能比較好,那麼在上面託管的網站也會比較快,就是因為每個主機針對他們的網路環境與主機設備的優化差異有關。

如果你的 TTFB 緩慢的原因是出自於主機,那麼建議你選擇優質的虛擬主機。

透過選擇適合的主機,能夠直接幫助你改善 TTFB 的時間,同時也會讓你網站的持續運行時間受到保障。

優化 TTFB 方法 2:選擇好的 DNS 服務

許多人可能會忽略 DNS 的重要性。

在 TTFB 過長的原因當中,其中一項就是解析網域名稱與主機 IP 位置的這個過程。

因此,若你所使用的 DNS 主機效能過於緩慢,那麼就會導致使用者造訪網站時,網域名稱轉換 IP 地址的這一段時間拉長,進而影響整體 TTFB 的時間。

我推薦你使用 CloudFlare 的 DNS 主機,不僅好用且安全,同時他又能提供基本的 CDN 服務,這對於 TTFB 來說又更加有利。

想要查詢你的 DNS 主機速度,可以使用下面兩種線上工具:

  1. https://www.ultratools.com/tools/dnsHostingSpeed
  2. http://www.solvedns.com/dnsspeedtest/
Ultratools DNS 速度檢測
Ultratools DNS 速度檢測
Solvedns DNS 速度檢測
Solvedns DNS 速度檢測

你可以透過上面的 DNS 測速工具來檢測自己的 DNS 主機速度,如果過於緩慢,那麼建議你使用 CloudFlare 的 DNS 服務來作為你的 DNS 主機,如此能夠大大提升你的 DNS 主機速度。

優化 TTFB 方法 3:使用緩存快取外掛

透過在 WordPress 當中安裝緩存外取外掛,我們也能夠加速 TTFB 與整體網站載入速度,WordPress 的緩存外掛市面上有許多種,只要用得對用得好,你的網站就能變得飛快!

至於緩存外掛的清單我之前就已經製作過了,大家就直接前往查看吧!

14 個最佳 WordPress Cache Plugins 緩存快取外掛推薦 – 2019 免費/付費通通有

最後

透過今天對 Waiting TTFB 的介紹不曉得大家有沒有了解什麼是 TTFB 與它和網站載入速度之間有什麼關聯性。

當我們想要優化 WordPress 網站、提升 WordPress 網站的速度時,不僅僅要優化網站架構本身,同時也要考量到主機性能與網路環境的問題,如此斤斤計較才能讓使用者獲得最好的網站瀏覽體驗。

不管你是 WordPress 新手、入門、老手,歡迎在下方留下你的網站,讓我們一起來分析與學習你的網站速度是否有哪些可以改善的地方吧!

你可能有興趣

  • 14 個最佳 WordPress Cache Plugins 緩存快取外掛推薦 – 2020 免費/付費通通有
  • 如何優化 WordPress 網站,提升網站速度?初學者也能自己優化網站的 4 個方法
  • 如何快速在 WordPress 中啟用 GZIP 資料壓縮功能
  • 2020 年網站頁面載入速度對於 Google SEO 排名的影響
  • 如何修復 WordPress 網站無法顯示更新後最新內容的問題?
  • SiteGround SG Optimizer – 免費又強大的 WordPress 緩存快取外掛,加快網站速度的好幫手
  • A2 Hosting 評價(2021 年 3 月) – 每月 $2.99 美元折扣優惠,WordPress 一鍵安裝虛擬主機推薦高達 66% OFF
  • Cloudflare Workers™ – 在 Cloudflare Edge 中加入 Script 規則,實現流量過濾與提升網站快取加速能力
  • 網站速度測試分析與優化指南
  • 6 個實用的小技巧,告別 WordPress 網站速度變慢的問題,加速你的 WP 網站
  • CloudAccess Free WordPress Hosting – 免費 WordPress 虛擬主機申請與免費一鍵安裝 WordPress & Joomla
  • WordPlus.host – WordPress 專用免費虛擬主機,提供 WordPress 自動安裝功能

更多相關文章

  • Hostinger 主機評價(2021 年 2 月)- 90% 優惠折扣每月僅需 $0.99 美元,一鍵建立 WordPress 網站教學
  • 如何解決 WordPress 出現 502 Bad Gateway Error 的問題?
  • GreenGeeks 主機評價(2021 年 2 月)- 獨家 70% OFF 優惠折扣,3 折優惠只要 $2.95 美元快速建立 WordPress 網站
  • (2021 年 2 月)A2 Hosting 評價 - 每月 $2.99 美元折扣優惠,WordPress 一鍵安裝虛擬主機推薦高達 66% OFF
  • WooCommerce 是什麼?WooCommerce 中文懶人包,免費利用 WooCommerce 外掛建立購物車系統
  • SiteGround 主機評價(2021 年 2 月)- 虛擬主機 + WordPress 網站一鍵安裝完整教學
  • WordPress 虛擬主機推薦比較(2021 年 2 月)- 最熱門 16 個 WordPress 主機費用、速度與方案完整評價介紹
  • CloudAccess Free WordPress Hosting - 免費 WordPress 虛擬主機申請與免費一鍵安裝 WordPress & Joomla
  • iPage Hosting 主機評價(2021 年 2 月)- 獨家 75% 優惠折扣僅需 $1.99 美元,超高 CP 值主機購買快速安裝 WordPress 網站教學
  • 【2020 最新】15 個最佳 WordPress Newsletter 電子報訂閱外掛
  • WordPress 是什麼?新手入門教學 - 深入淺出帶你了解什麼是 WordPress 網站
  • HostGator 虛擬主機評價(2021 年 2 月)- 60% 優惠券折扣碼每月僅需 $2.75 美元,一鍵安裝 WordPress 網站教學

如果你喜歡這篇文章,請幫我們將這篇文章分享出去。你也可以在 Facebook 與 Instagram 上按讚追蹤我們,也歡迎加入 Facebook 粉絲團和我們一同交流!

所屬分類: WordPress 標籤: cloudflare, dns, Time To First Byte, TTFB, Waiting TTFB, WordPress, WordPress TTFB, WordPress 優化, WordPress 網站優化, WordPress 虛擬主機, WordPress 速度優化, 優化 TTFB, 加載時間, 快取, 快取外掛, 提升載入速度, 網站優化, 網頁前端, 網頁前端技術, 網頁加載時間, 網頁加載速度, 緩存, 緩存外掛, 緩存快取, 虛擬主機, 虛擬主機選擇, 響應時間

關於 Sliven

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

讀者互動

發佈留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Primary Sidebar

追蹤我們

站內搜尋

最新文章

  • 【WordPress 付費主題免費下載】Solaz – An Elegant Hotel & Lodge WordPress Theme
  • 【WordPress 付費主題免費下載】AppArt – Creative WordPress Theme For Apps Saas
  • Neumorphism CSS Generator – 新擬態風格圖形樣式產生器,線上客製化最新軟 UI 風格與產生 CSS 程式碼
  • Ray.so – 免費程式碼轉換圖片線上工具,將代碼製作成精美的色彩圖片可自由客製化圖片外觀
  • Humanotion – 免費 192 個 Avatar 頭像與 6 種不同背景,採 CC0 許可授權可商用大頭貼圖像
  • G Suite 教育版更名為 Google Workspace for Education,並取消無限制儲存空間限制至 100 TB
  • Adobe Photoshop Express – 免費線上圖片編輯服務,提供圖片裁切、調整大小、修飾與套用濾鏡效果
  • Wunderstock – 超過 1 千萬 CC0 免費圖片,提供壓縮後圖片與免費線上圖片編輯工具
  • Diff Checker Text – 免費線上檢查文字或檔案不同之處,可支援文字、圖片、PDF 檔案、Excel 檔案多種格式
  • Logaster – 免費 Logo 線上產生器,一秒建立網站 Logo 與 Favicon 打造獨特品牌 Logo 圖示
Bluehost best deal from TechMoon $2.95/月
Bluehost 獨家優惠
現在透過 TechMoon 專屬優惠折價券購買 Bluehost 主機,享有每月 $2.95 美元的獨家超低優惠價格,要搶要快!
自動套用優惠
立即購買!

熱門內容

  • On-page SEO 網站優化 - 改善內容提升排名的秘訣
  • Cloudflare Workers™ - 在 Cloudflare Edge 中加入 Script 規則,實現流量過濾與提升網站快取加速能力
  • 如何在 WordPress 中自動顯示 WebP 圖片格式
  • Bluehost WordPress 教學 - 詳細圖文教你如何從購買主機到安裝 WordPress 網站 Bluehost 中文教學
  • 網站速度測試分析與優化指南
  • Feedly - 超好用的 RSS 免費訂閱服務完整攻略,讓你隨時接收訂閱網站的最新消息
  • iPage Hosting 主機評價(2021 年 2 月)- 獨家 75% 優惠折扣僅需 $1.99 美元,超高 CP 值主機購買快速安裝 WordPress 網站教學
  • 【網站狀態】7 個提升 WordPress 安全性與網站性能的小技巧
  • CloudAccess Free WordPress Hosting - 免費 WordPress 虛擬主機申請與免費一鍵安裝 WordPress & Joomla
  • 如何修復在 WordPress 當中「503 Service Unavailable Error」的問題?

相關文章

  • WordPress 市佔率來到 33.4%,在全世界前 1000 大網站當中佔了高達 1/3 的驚人份額!
  • SiteGround SG Optimizer – 免費又強大的 WordPress 緩存快取外掛,加快網站速度的好幫手
  • WPWebHost 主機評價(2021 年 3 月)- WordPress 虛擬主機評價,每月 $3 美元就可輕鬆建立 WordPress 網站
  • DemosWP – 免費快速建立 WordPress 測試網站,提供 SSL、phpMyAdmin 與 SFTP 功能
  • 戰國策虛擬主機評價(2021 年 3 月)- 專屬優惠 8 折 20% OFF 優惠券,台灣 WordPress 架站的好選擇
  • HostPapa 主機評價(2021 年 3 月)- 70% 折價優惠每月僅需 $3.95 美元,一鍵快速鍵立 WordPress 網站教學
  • Writeby – 替代 Medium 的免費部落格平台,適合作家專心創作並支援 Markdown 語法撰寫
  • 【網站狀態】7 個提升 WordPress 安全性與網站性能的小技巧
  • Just Highlight – 在文章中添加螢光筆標記功能,讓使用者在瀏覽時能輕易分辨重點內容
  • WordPress 虛擬主機推薦比較(2021 年 3 月)- 最熱門 16 個 WordPress 主機費用、速度與方案完整評價介紹
Bluehost 虛擬主機 4 折 60% OFF 優惠折扣
A2 Hosting Coupon
TechMoon 科技月球 © 2021.
Theme by StudioPress
DMCA.com Protection Status
  • 免責聲明