TTFB 的意義——沒人想到的核心 Web Vitals 最重要的指標

TTFB。 是時候在 Facebook 上發帖了嗎？ 小孩子足球？ 纖維麵包上的金槍魚和番茄？ 想到那個敞開的金槍魚和番茄三明治，你很熱情。 TTFB，當然是“Time To First Byte”。 你一直都知道。 我們也是，只是 Sam's 'Wich 食品卡車停了下來，現在是午餐時間。

什麼是 TTFB 以及它如何影響我的網站？

“到第一個字節的時間”（TTFB 或第一個字節時間）是可以在到達滿載網站的過程中測量的第一個值，代表 DNS、套接字和 SSL 協商所需的服務器響應時間（握手）。 如果您正在測量您網站的 Google Core Web Vitals，那麼 TTFB 是一件大事。

“字節？ 握手？ 我只希望我的網站加載速度快。 我優化了我的網站。 我有插件。 我應該可以走了。” 如果您不是服務器技術人員，那麼這些天網站託管幕後發生的很多事情聽起來像是 SpaceX 應該管理它們。 我們懂了。 但是想一想——即使是 SpaceX 也使用降落傘來重新進入太空艙，這已經很基本了。

讓您的網站出現在您的客戶面前就像讓您的披薩外賣一樣。 在沙發上放鬆一下，看 Netflix，你會得到零食並點一份餡餅。 沒多久，門鈴響了。 容易，對吧？ 無時無刻不在發生。 好吧，如果您的披薩在您訂購後兩小時到達怎麼辦？ 而且你不是只點一份披薩——你是為與你一起放鬆的一兩個人每人點一份。 這就是代理生活。 這就是運行多個站點的意義。

您客戶的網站不僅需要被發現 (SEO) 和滾動瀏覽（UX 和 UI），而且還需要按時交付給最終用戶。 很多事情都會減慢這個過程。 網站加載時間是該過程的第一步——它不應該是讓你的客戶網站——或所有這些客戶——慢下來的事情之一。

還在雲端？ 讓我們備份。

Google 的核心 Web Vitals 與網站速度有什麼關係？

Google 於 2020 年 5 月開始談論其 Core Web Vitals，並於 2021 年 6 月推出。我們已經聽說過很多關於它們的信息，並且可能已經在努力確保我們的網站快速加載、與用戶的需求相關並獲得綠色來自谷歌的光，對吧？

Core Web Vitals 不僅僅是關於快速加載的網站 - 它們是關於交付的網站。 這一切都歸結為用戶體驗——讓您的網站快速加載，以便人們可以做他們需要做的事情。

Core Web Vitals 不僅要確保您的比薩餅在您單擊“下訂單”時立即送達，而且它們的味道也很棒。

Google 的核心 Web Vitals 衡量 3 件事：有用性、可用性和愉悅度

• Largest Contentful Paint (LCP) – 加載時間：向用戶保證您的網站很有用。 這應該花費不到 2500 毫秒。 在服務器建立聯繫之前，它無法加載。

• 首次輸入延遲 (FID) – 交互性：確保您的網站可用。 這應該花費不到 100 毫秒。

• 累積佈局轉換 (CLS) – 網站移動：確保您的網站令人愉悅。 該分數應小於 0.1。

想要衡量您的網站的 Google Core Web Vitals？

那麼 TTFB 和 Core Web Vitals 之間有什麼聯繫？

就像你的比薩餅一樣——厚厚的外皮，額外的俗氣，對吧？ - 交付不是完整的故事。 比薩餅的體驗遠不止於此。 您的網站對他們的最終用戶也是如此。

除了 Core Web Vitals，還有另一個術語需要單獨考慮：Google Web Vitals 或簡稱為 Web Vitals。 除了上述核心 Web Vitals 之外，Web Vitals 還包括以下指標：

首次內容繪製 (FCP)

FCP 是從開始加載網頁到屏幕上出現第一個內容的時間跨度。 此內容包括文本、圖像（包括背景圖像）以及使您的網站變得出色的所有內容。 900 毫秒在這裡是一個不錯的速度。

總阻塞時間 (TBT)

TBT 測量首次內容繪製 (FCP) 和交互時間 (TTI) 之間的時間跨度。 例如，這可用於測量瀏覽器反應的延遲。 TBT 應小於 300 毫秒。

互動時間 (TTI)

TTI 告訴我們從開始加載網頁到加載最重要的子資源（如第三方資源）並且頁面能夠快速響應用戶輸入需要多長時間。 2400 毫秒是一個不錯的速度。

與下一次油漆的交互 (INP)

INP 是一種新指標，旨在通過選擇用戶訪問頁面時發生的最長交互之一來表示頁面的整體交互延遲。 對於總共少於 50 次交互的頁面，INP 是延遲最差的交互。 對於有很多交互的頁面，INP 通常是交互延遲的第 98 個百分位。

到第一個字節的時間 (TTFB)

TTFB 表示在瀏覽器接收到頁面內容的第一個字節之前經過的時間量。 從服務器獲取數據所需的時間越長，顯示您的網頁所需的時間就越長。 Google 建議將 TTFB 保持在 200 毫秒以下。 在 Rocket，我們很自豪我們的平台具有小於 100 毫秒的全球平均 TTFB，除非某些位置存在網絡問題。

TTFB 的重要性在於它是核心 Web Vitals 最重要的指標，實際上，它是您網站最重要的指標。 為什麼？ 簡而言之，人們不耐煩。

如果您的客戶沒有等待您的網站加載，他們就會離開——您的客戶已經失去了他們作為客戶的身份。 你甚至不知道你已經失去了多少，或者他們是否會回來。 就是這麼簡單。 城裡還有很多其他的披薩外賣店。

“當有人訪問您的網站並遇到延遲時，訪問者會反彈並去其他地方尋找他們需要的東西的可能性會顯著增加。 谷歌指出，網站加載每增加一秒，跳出率的概率就會增加約 32%。 當訪問者從您的網站跳出時，他們不太可能返回，尤其是當他們在另一個更快的網站上找到他們正在尋找的內容時。 ”

火箭網

您能否擴展 TTFB 的重要性和我的網站的加載時間？

我們知道您正在考慮“披薩交貨時間”，但可以肯定！ 這對你來說可能是一個複習。 我們希望我們的網站能夠快速加載。 為此，您的網站應該很輕。 但是，您的服務器和客戶的手機之間有很多步驟。

例如，如果我們在 URL 欄中輸入 www.yourwebsite.com，則需要執行以下四個步驟：

• 瀏覽器連接到 DNS 服務器（域名服務器）。 域名服務器將主機名轉換為基於數字的 IP 地址。 例如，您的網站變為 123.456.789.112。

• 瀏覽器與您網站的服務器建立連接。 這通過幾個中間站發生，類似於在到達您的地址之前在不同郵政中心之間旅行的包裹。 希望那不是你的披薩。

• 如果您的網站使用安全 SSL 協議（當然可以！對嗎？），就會發生所謂的握手。 客戶端和服務器相互識別並建立加密連接。

• 服務器將數據拆分成數據包發送到客戶端。

如果我們將披薩送出去送達，各種因素會決定它何時送達。 其中包括承運人的速度和各個配送中心的處理時間，而這又取決於某些能力（員工、技術設備、烤箱、披薩麵團……）。 更不用說那個司機或你的車道有多混亂。

同樣，許多參數會影響到第一個字節的時間 (TTFB)。

網絡速度——網絡延遲是指數據包從發送方傳輸到接收方所需的時間。 例如，如果用戶在繁忙的 WiFi 熱點內上網，它通常會很高並增加 TTFB。

DNS 服務器響應時間——如果 DNS 服務器處理請求很慢，例如，因為它過載，也會出現延遲。 一般來說，DNS 服務器的物理位置越遠，提供 IP 地址所需的時間就越長。

服務器的響應時間——如果客戶端與正確的服務器建立了連接，服務器必鬚髮送數據。 有限的硬件容量（例如，內存不足或 CPU 不足）會減慢此過程。 此外，配置不當的服務器帶有不必要和過時的插件、反應緩慢的數據庫和不干淨的代碼也會延遲數據傳輸。

就像我們的披薩外賣司機一樣，他們必須採取的步驟越多，在您的車道周圍放置的東西就越多，而且他們必須攜帶的披薩越重和數量越多，他們移動到您前門的速度就越慢。

因此，問題始終是您的客戶組合的速度與功能。 你不必再選擇了。 您如何將整個 WordPress 網站或 WooCommerce 比薩店打包成一個輕巧且小到足以放在司機口袋裡但又大到足以餵飽葡萄牙的 WordCamp Europe 的包裹？

如何單獨解決網站速度體驗問題

您知道網站的速度對從用戶體驗到 SEO 甚至轉化率的方方面面都有重大影響。 因此，一種選擇是嘗試自己為您管理的那些網站解決問題； 你很可能會按照你一直以來的方式來做這件事。 這對你來說怎麼樣？

如果你是一家披薩外賣公司，你可以告訴你的司機永遠不要左轉。 千萬不要在高峰時間送貨。 只接受預付訂單。 許多機構都採用經過驗證的真實方法，我們向您致敬。 沒有你，我們甚至不會在這裡。

您可以嘗試多種方法來提高託管網站的速度：

• 使用 CDN（內容分發網絡）
• 優化圖像
• 縮小 CSS 和 JavaScript 文件
• 盡可能減少 HTTP 請求的數量
• 使用瀏覽器 HTTP 緩存
• 盡量減少包含外部腳本
• 如果可能，不要使用重定向

如果您的客戶在他們的網站上使用 WordPress，我們敢打賭，那麼在 CMS 中也有一些標準方法可以讓這些網站更快：

• 選擇一個高效的主題
• 必要時使用頁面構建器
• 清理數據庫
• 優化圖片大小
• 使用緩存
• 優化程序代碼
• 不要使用太多插件
• 無需使用太多插件即可擴展功能

該死的這一切聽起來像是在修修補補！ 你可能還有其他事情要做，對吧？ 事實上，你做到了。

使用 Rocket 平台節省時間管理您的代理機構的投資組合

作為代理商所有者，您花時間比其他任何人都做得更好，這比優化圖像更重要。 你為你的客戶服務。 您專注於為他們的問題提供解決方案。 你專注於取悅他們。 你讓他們的生活更美好！

所以，你可以做什麼？

託管 WordPress 託管非常適合您的客戶組合，尤其是當您不必管理主機時。 它快速且安全。 當您專注於重要的事情時，託管主機會處理您網站的性能和安全性。 就像在客戶點擊“立即訂購”後立即將美味的奶酪披薩送到他們手上。

“在著手改進指標之前，我們需要了解應用程序的當前狀態以及瓶頸所在。 了解如何衡量變化是從我們的舉措中獲得信心的最重要一步。 問題可能出現在我們的路由基礎設施和應用程序代碼之間的任何地方！”

開發者

火箭平台為您的代理機構提供優勢

任何成功的企業都需要競爭優勢。 一些比薩店的邊緣用奶酪填滿，另一些則完全覆蓋——這很奇怪，因為這樣就沒有邊緣可以抓住了。 你的優勢是什麼？

你接受比特幣嗎？ 讓人們在網上設計自己的運動鞋？ 你們提供無人機送貨嗎？ 有 AMP 網站嗎？ 實際上，自從 Google 推出 Core Web Vitals 以來，AMP 格式的重要性也將在未來下降。

Rocket.net 也為您的代理機構提供了優勢。 Cloudflare 邊緣網絡.. 邊緣服務器的存在是為了讓互聯網更快——這意味著您的網站加載速度更快。 這意味著高興的用戶和訪客。 這意味著您從中心位置訂購比薩餅，但比薩餅是在離您的實際位置最近的地方烘烤和交付的。

“CDN 提供商會將服務器放置在許多位置，但其中一些最重要的是不同網絡之間邊緣的連接點。 CDN 邊緣服務器將內容存儲（緩存）在戰略位置，以減輕一台或多台源服務器的負載。”

Cloudflare

案例研究：Twodot Marketing 如何使用 Rocket 平台將客戶的加載時間縮短一半

在 Rocket 之前，Twodot Marketing 在多家託管公司託管他們的 WordPress 網站； 他們只是無法為他們的客戶獲得他們所追求的速度和安全性。

“在註冊後的一個小時內，我的第一個站點就被遷移了，我被震撼了。 我立即註意到我的頁面速度、第一個字節的時間以及我們公司網站的整體響應能力存在巨大差異。 24 小時後，我們所有的客戶都住在 Rocket 上，享受到同樣巨大的好處。”

Josh Etheridge，Twodot 營銷總裁/首席策略師

在那個比薩上加點奶酪怎麼樣？

自從 Google 的 Core Web Vital 更新以來，盡可能快速、安全地提供您的內容比以往任何時候都更加重要。 簡單的。 安全的。 快速地。 是的，你可以擁有這三個。 而且不僅僅是一般的快——對於每個特定用戶來說都是最快的。 這就是邊緣的力量。

Rocket.net 由 Cloudflare Enterprise 提供支持，可幫助您的 WordPress 網站和 WooCommerce 在線商店立即受益。

• 這意味著您的網站會立即進行預配置。
• 您提升的網站速度可提供更好的 SEO 排名和更高的轉化率。
• 通過我們的全球緩存、防黑客託管，您的網站始終可以正常營業。

談話很便宜。 讓 Rocket 向您展示最快的 WordPress 託管的真正含義！

節省網站性能、您的代理機構的時間和金錢？ 是的。 Rocket 平台具有內置功能，可消除您對其他付費版本的安全性、圖像優化、CDN 和 JS 內容加載器插件的需求。 它們是您最喜歡的新平台（以前稱為託管 WordPress 託管的產品）中內置的功能。

讓我們談談我們如何將您的網站遷移到 Rocket.net，這是世界上最快的 WordPress 託管服務。 今天開始你的使命！