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 托管服务。 今天开始你的使命！