什麼是Waiting TTFB 加載時間過長? 3 步教你如何在 ...
文章推薦指數: 80 %
TTFB 是Time To First Byte 的縮寫,意思是Web 瀏覽器在造訪網站後,接收到伺服器回應數據的時間,也就是當使用者的滑鼠點擊網站的那一刻開始, ...
跳至主要導覽跳至主要內容跳至主要資訊欄目前位置:首頁/WordPress/什麼是WaitingTTFB加載時間過長?3步教你如何在WordPress當中優化TTFB速度
對於這篇文章有任何問題嗎?歡迎在下方留言或者與我聯繫。
3分鐘閱讀
提到WordPress網站優化,一般來說我們可以透過虛擬主機的選擇、緩存快取外掛的安裝…等等方面來進行改善。
然而如果有在注意網頁前端技術得朋友們,在進行網站優化時,可能會遇到TTFB(TimeToFirstByte)加載時間過長的問題。
對於沒有進行優化的WordPress網站來說,TTFB的載入時間往往超過了整個網站正常的下載時間,因此會導致使用者在進入網站時浪費時間等待網站的顯示。
而要且覺TTFB加載時間過長的問題,主要要從伺服器端來進行優化,因此今天要來教大家如何分析網站TTFB加載時間過長的原因與解決方案。
導覽
1.
什麼是WaitingTTFB?
2.
如何得知網站TTFB的響應時間?
3.
TTFB的時間應該多長多短?
4.
導致WaitingTTFB時間過長的原因
4.1.
影響TTFB的三大因素:
5.
如何解決Waiting(TTFB)時間過長問題
5.1.
優化TTFB方法1:選擇好的虛擬主機
5.2.
優化TTFB方法2:選擇好的DNS服務
5.3.
優化TTFB方法3:使用緩存快取外掛
6.
最後
7.
相關文章
8.
熱門文章
什麼是WaitingTTFB?
TTFB是TimeToFirstByte的縮寫,意思是Web瀏覽器在造訪網站後,接收到伺服器回應數據的時間,也就是當使用者的滑鼠點擊網站的那一刻開始,到接收到一個數據資料之間所等待的時間,稱之為TTFB。
網站速度與SEO之間有著一定的關聯性,同時一個快速響應載入的網站一定會比等待很久的網站來的讓人喜歡。
因此在優化WordPress網站的同時,若能一起優化TTFB,那麼也就能有效的提升網站整體的速度。
當你的網站TTFB時間越短,代表你的伺服器響應速度越快。
有許多人會搞混網站的加載時間(LoadingTime)或是請求響應(Requests),但這兩個與TTFB不同的東西,因此在於優化的方法也會有所不同。
如何得知網站TTFB的響應時間?
既然知道優化TTFB能夠提升網站速度,那麼要如何才能知道自己網站的TTFB響應時間呢?
在不使用任何的線上工具測試的情況之下,最快的方法就是使用Chrome瀏覽器內建的開法者工具來測試網站TTFB的時間。
Pin使用Chrome開發者工具查看網站TTFB時間
對網站先按下「右鍵」>「檢查」後,打開網站,就可以從「Network」標籤當中看到每一個資源的載入時間,點選到你的網站首頁,即可看到網站的Waiting(TTFB)的載入時間。
當你的TTFB越少時,使用者訪問你的網站就會覺得非常快,有種點一下就顯示完成的感覺,這與TTFB有非常大的關係。
TTFB的時間應該多長多短?
由於每個主機與網路環境不同,因此每個主機的TTFB也會根據主機位置與使用者的地區不同而有所變動。
如果你想要了解目前的主機TTFB最佳化的時間,可以在根目錄底下建立一個靜態的HTML頁面,接著查看這個頁面的TTFB時間,假設時間為60ms,那麼這個TTFB的時間就是你優化WordPress網站的目標數值。
導致WaitingTTFB時間過長的原因
對於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主機速度,可以使用下面兩種線上工具:
https://www.ultratools.com/tools/dnsHostingSpeedhttp://www.solvedns.com/dnsspeedtest/
PinUltratoolsDNS速度檢測
PinSolvednsDNS速度檢測
你可以透過上面的DNS測速工具來檢測自己的DNS主機速度,如果過於緩慢,那麼建議你使用CloudFlare的DNS服務來作為你的DNS主機,如此能夠大大提升你的DNS主機速度。
優化TTFB方法3:使用緩存快取外掛
透過在WordPress當中安裝緩存外取外掛,我們也能夠加速TTFB與整體網站載入速度,WordPress的緩存外掛市面上有許多種,只要用得對用得好,你的網站就能變得飛快!
至於緩存外掛的清單我之前就已經製作過了,大家就直接前往查看吧!
14個最佳WordPressCachePlugins緩存快取外掛推薦–2019免費/付費通通有
最後
透過今天對WaitingTTFB的介紹不曉得大家有沒有了解什麼是TTFB與它和網站載入速度之間有什麼關聯性。
當我們想要優化WordPress網站、提升WordPress網站的速度時,不僅僅要優化網站架構本身,同時也要考量到主機性能與網路環境的問題,如此斤斤計較才能讓使用者獲得最好的網站瀏覽體驗。
不管你是WordPress新手、入門、老手,歡迎在下方留下你的網站,讓我們一起來分析與學習你的網站速度是否有哪些可以改善的地方吧!
相關文章
【2021】14個最佳WordPressCachePlugins緩存快取外掛推薦
如何優化WordPress網站,提升網站速度?初學者也能自己優化網站的4個方法
如何快速在WordPress中啟用GZIP資料壓縮功能
2021年網站頁面載入速度對於GoogleSEO排名的影響
WPRocket–WordPress速度外掛教學,評價最高的快取緩存外掛提升網站速度與使用者體驗
如何修復WordPress網站無法顯示更新後最新內容的問題?
SiteGroundSGOptimizer–免費又強大的WordPress緩存快取外掛,加快網站速度的好幫手
A2Hosting評價(2022年10月)–每月$2.49美元折扣優惠,WordPress一鍵安裝虛擬主機推薦高達66%OFF
CloudflareWorkers™–在CloudflareEdge中加入Script規則,實現流量過濾與提升網站快取加速能力
網站速度測試分析與優化指南
熱門文章Bluehost教學-2022BlackFriday/CyberMonday70%特價優惠-全年最低價格每月低至$2.65美元【WordPress付費主題免費下載】Softing-WordPressLandingPage遠振資訊WordPress虛擬主機中文教學,台灣優質虛擬主機免費15天試用服務購買與安裝完整教學【WordPress付費主題免費下載】Vihan|Personal&TravelWordPressBlogTheme戰國策WordPress虛擬主機完整教學-免費30天主機申請試用服務,國內WordPress架站的好選擇【WordPress付費主題免費下載】Essential-ResponsiveMinimalWordPressTheme【WordPress主題免費下載】ScreenPrintingLayoutPackforDivi【WordPress付費主題免費下載】Maia-JewelryShopWordPressTheme【WordPress付費主題免費下載】Industify-IndustryWordPressThemeA2Hosting評價(2022年10月)-每月$2.49美元折扣優惠,WordPress一鍵安裝虛擬主機推薦高達66%OFF【WordPress付費主題免費下載】Antidote-Health&MedicalWordPressTheme【WordPress付費主題免費下載】Cliper-ClippingPathAgencyWordPressTheme關於Sliven每日分享科技新知、免費資源以及WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送Email至[email protected]與我聯繫。
讀者互動方式
發佈留言取消回覆發佈留言必須填寫的電子郵件地址不會公開。
必填欄位標示為*留言*顯示名稱*
電子郵件地址*
個人網站網址
Δ
主要資訊欄
追蹤我們
FacebookInstagramPinterestTwitter
站內搜尋
搜尋這個網站
最新文章
迅雷出現「疑似包含違規內容,無法下載」該如何解決?透過2種教學方式來解決迅雷無法下載問題
PDNob PDFOnline–免費線上PDF轉換工具,可將PDF進行編輯、轉換、合併與添加浮水印等等功能應有盡有
PDNob 圖片轉文字–免費圖片轉文字工具,可自訂擷取螢幕範圍,幫你從圖片、截圖或PDF自動轉成文字
時短だ–日本免費線上素材庫,免註冊即可線上編輯圖片與提供多種檔案格式下載,可商用且無須附上來源
【WordPress付費主題免費下載】Blade–ResponsiveMulti-FunctionalWordPressTheme
【WordPress付費主題免費下載】Yoome–ModernWooCommerceWordPressTheme
HitPawWatermarkRemover–專業影片與圖片去除浮水印工具軟體,可透過AI自動抓取並清除動態浮水印
HitPawVideoEnhancer–超強影片畫質修復工具,支援30+影片格式可將低解析度影片提高至8K影片畫質
AIBackgroundGenerator–輸入關鍵字描述並透過AI自動產生背景圖片,免註冊下載可免費用於個人或商業用途使用
Brusheezy–Photoshop筆刷設計資源免費下載,免註冊即可下載並用於個人或商業用途使用
$2.95/月Bluehost獨家優惠現在透過TechMoon專屬優惠折價券購買Bluehost主機,享有每月$2.95美元的獨家超低優惠價格,要搶要快!自動套用優惠立即購買!
熱門內容
SiteGroundSGOptimizer-免費又強大的WordPress緩存快取外掛,加快網站速度的好幫手【WordPress付費主題免費下載】DONA-CreativeMulti-PurposeParallaxWordPressTheme【WordPress付費主題免費下載】SohoPro-PhotographyPortfolio遠振資訊WordPress虛擬主機中文教學,台灣優質虛擬主機免費15天試用服務購買與安裝完整教學SandboxforWordPress-一秒建立免費WordPress測試網站,方便進行主題與外掛測試【WordPress付費主題免費下載】Asra-MinimalistPhotographyPortfolioWordPressTheme【WordPress付費主題免費下載】Picwik-University&CoachingWordPressTheme【WordPress付費主題免費下載】Vihan|Personal&TravelWordPressBlogTheme【WordPress付費主題免費下載】Cliper-ClippingPathAgencyWordPressTheme【WordPress付費主題免費下載】Regn|Multi-PurposeWordPressTheme
相關文章
如何快速在WordPress中啟用GZIP資料壓縮功能
虛擬主機是什麼?入門與進階該如何選擇與比較?(2022最新版)
【WordPress付費主題免費下載】Structura–MinimalOnePageTheme
6個實用的小技巧,告別WordPress網站速度變慢的問題,加速你的WP網站
WordPressvsBlogger哪一個比較好?
CloudflareEmailRouting免費電子郵件路由功能,可自訂網域信箱地址並轉寄至已驗證目的地Email位址
【WordPress付費主題免費下載】Blade–ResponsiveMulti-FunctionalWordPressTheme
1.1.1.1最快速最安全的DNS服務,CloudFlare加速你的上網速度與網路安全性
如何讓使用者在WordPress中檢舉不當留言並回報給網站管理員
ServerPilot+GCPVPS,輕鬆架設WordPress網站教學
導覽
1.
什麼是WaitingTTFB?
2.
如何得知網站TTFB的響應時間?
3.
TTFB的時間應該多長多短?
4.
導致WaitingTTFB時間過長的原因
4.1.
影響TTFB的三大因素:
5.
如何解決Waiting(TTFB)時間過長問題
5.1.
優化TTFB方法1:選擇好的虛擬主機
5.2.
優化TTFB方法2:選擇好的DNS服務
5.3.
優化TTFB方法3:使用緩存快取外掛
6.
最後
7.
相關文章
8.
熱門文章
Shareto...Bufferalert("URLCopied"));'>CopyEmailFacebookFlipboardHackerNewsLineLinkedInMessengerMixPinterestPocketPrintRedditSMSTelegramTumblrTwitterVKWhatsAppXingYummly
延伸文章資訊
- 1什麼是Waiting TTFB 加載時間過長? 3 步教你如何在 ...
TTFB 是Time To First Byte 的縮寫,意思是Web 瀏覽器在造訪網站後,接收到伺服器回應數據的時間,也就是當使用者的滑鼠點擊網站的那一刻開始, ...
- 2解決網站效能問題的關鍵做法(下) - iThome
而在那樣的情況下,網頁的回應時間過長,通常會是卡在應用伺服器執行網頁程式,使得處理邏輯運算所花費的時間延長,或是耗在等待資料庫伺服器的資料存 ...
- 3無法連上這個網站回應時間過長
win10 網絡已連接上但Chrome 說回應時間過長無法連上網站. ... 錯誤,而造成網頁載入時間過長; 代管伺服器封鎖了Google 的網頁檢索器; DNS 設定問題。
- 4智慧偵測- 效能異常- Azure Monitor - Microsoft Learn
伺服器回應時間降低; 相依性持續時間降低; 效能變慢模式的智慧偵測; 後續步驟 ... [用戶端處理時間] 過長表示指令碼執行速度很慢。
- 5網頁時常回應時間過長........ - Mobile01
請教一下有時候特定網頁,回應時間過長,有時候又可以,是怎麼回事呢? 使用CHROME瀏覽器,有哪裡可以設定的? 謝謝! ... 有可能是對方的伺服器問題.