Dragon
  • 注册、登陆后即可全站无广告畅快浏览本博客了!
  • 本博客已开启支持百度AI智能内容自动审核机制!
明月登楼明月登楼  2021-09-28 11:44 明月登楼的博客 隐藏边栏 |   抢沙发  81 
文章评分 5 次,平均分 4.4
导语: 如果你想为你的网站访问者提供高质量的体验,服务器的响应能力是很重要的。如果你的网站需要太长的时间来响应,就会增加他们放弃你网站的机会。即使你的内容加载很快,如果需要几秒钟才能开始加载,用户可能就会离开。为了防止这种情况的发生,关注你的 TTFB 是至关重要的,并采取措施使其尽可能的低。

如果你想优化你的网站的速度和性能,重要的是知道要注意哪些关键指标。例如,Time to First Byte也称为首字节时间(TTFB),就是衡量用户的浏览器从你的网站服务器接收第一个"字节"的数据所需的时间。不是渲染它或在屏幕上显示它,而是简单地返回一个字节给浏览器。

在这篇文章中,小编将解释什么是 TTFB 以及为什么它很重要。然后我们将讨论如何衡量它,以及你如何在你的 WordPress 网站上减少它。最后,我们将以一些常见的问题作总结。

一、什么是首字节时间(TTFB)

TTFB 衡量你的服务器对访问者的浏览器请求的反应能力。换句话说,它是指从用户到达一个网页到服务器识别它所需要的时间。这很重要,因为浏览器从服务器接收第一个字节的数据的时间越长,页面加载的时间就越长。而且,由于 TTFB 是最初始的互动,到第一个字节的时间长意味着页面的其他部分甚至不能开始加载。因为服务器还没有回应。

因此,TTFB 在你的网站的用户体验(UX),以及搜索引擎优化(SEO)中起着关键作用。它也是谷歌考虑的网络要素之一(与 FCP、LCP 和 CLS 一起),以确定你的网站的页面加载体验,并进而确定其排名。TTFB 与 First Contentful Paint(FCP)类似,后者也用于衡量加载体验和用户的等待时间。然而,FCB 衡量的是,直到访问者能够看到页面上出现的第一个元素所需的时间。TTFB 是任何信息,无论是否可见。

一个网站的 TTFB 是由三个主要过程组成的:

  1. 一个 HTTP 请求从访问者的浏览器发送至服务器。
  2. 服务器处理该请求并准备其响应。
  3. 服务器向浏览器发送一个响应。

这个过程越快,你的加载时间就越快,反应越快。然而,有一些因素和问题会在每个步骤中延迟和减慢它。因此,为了优化你的网站的速度和性能,你可能想把重点放在减少 TTFB 上。

二、如何衡量 TTFB

你可以用一些不同的方法来测量你的 TTFB,包括使用实验室和现场工具。意味着既有模拟的结果(实验室),也有使用真实用户数据的测试(现场)。然而,在此之前,首先知道什么是好的分数是很有帮助的。

通常情况下,一个好的 TTFB 在 200 毫秒(ms)和 500 毫秒(0.2 和 0.5 秒)之间。当然,这个数字越低越好。任何高于 600 毫秒的数字都被认为是一个糟糕的分数。自从谷歌将页面速度作为一个排名考虑因素以来,许多网站都在争取低于 100 毫秒的时间。然而,在大多数情况下,任何低于 200 毫秒的时间仍被认为是"好的"。

你可以使用各种工具来测量 TTFB。让我们看一下几个最好的选择。

1、WebPageTest

WebPageTest 是一个在线工具,可以让你快速和容易地测试你的页面速度。然而,你也可以用它来访问一份详细的报告,其中包括关键指标,包括 TTFB。

要使用它,你可以简单地在文本字段中输入你的 URL,然后点击开始测试按钮。

在结果页上,你可以查看关于你的网站的许多信息。沿着顶部,你可以找到你的 TTFB 的一般得分。在下面的部分,你可以在第一字节栏下找到以毫秒计的时间。

根据 WebPageTest,目标是域名服务器(DNS)、套接字和安全套接字层(SSL)协商所需的时间,加上 100 毫秒。TTFB 每增加 100 毫秒,在线工具就会将你的网站的得分降低一个字母等级。

2、GTmetrix

GTmetrix 是另一个免费的在线工具,你可以用它来测量 TTFB。你可以在文本字段中输入你的网站 URL,然后点击测试你的网站按钮。

一旦该工具完成了对你的 URL 的分析,它将提出性能报告,其中包括一个整体的等级以及你的网络资本。

在页面的更下方,你可以点击性能标签。

在浏览器计时部分,你可以找到 TTFB。这些只是你可以使用的两个在线测试工具的例子。其他流行的选项包括 Bytecheck、Pingdom 和 KeyCDN。它们各自的工作方式与这两个选项相似。粘贴 URL,实时运行测试,然后解析结果报告。

3、Google Chrome DevTools

另一种测量 TTFB 的方法是 Chrome DevTools。如果你是 Chrome 的用户,你可以用这种方法直接在你的浏览器中测量 TTFB,而不需要使用第三方工具。我们上面提到的许多速度测试使用各种服务器的位置,你可以选择,而这种方式是直接从你的。正因为如此,请记住,你的具体网络条件和网络延迟会影响 TTFB。因此,你在使用这种方法时看到的结果可能与你网站的访问者所体验到的不一样。

要开始使用,在浏览器中访问你的 WordPress 网站,然后导航到屏幕右上角的三个垂直圆点。接下来,导航到更多工具>开发工具。这将打开 DevTools 控制台。

在那里,点击页面上的任何元素,然后选择网络标签,接着是瀑布栏。

在列表中,选择你要检查的项目。在面板下,你可以找到等待(TTFB)。

三、如何在你的 WordPress 网站上减少 TTFB

现在你对什么是 TTFB 以及如何测量它有了更多的了解,现在是时候看看你可以做什么来改善它了。下面是四个关键建议,你可以用来减少你的 WordPress 网站的 TTFB。

1、升级你的 WordPress 主机

也许 TTFB 中最有影响力的因素是你的网站的托管商。你可以以各种方式优化你的网站,但如果你的主机不能跟上,那就无所谓了。你使用的主机类型影响着你的网站的速度和性能。例如,如果你使用共享主机,你将有可能获得有限的资源。而且你要对你的服务器集群的带宽和处理用量的其他用户负责。

因此,如果你正在遭受缓慢的加载时间,并想减少你的 TTFB,你可能要考虑升级到一个新的主机供应商或一个更高性能的计划。如果你使用的是共享主机,将你的计划升级到更高的级别,通常会有优先服务和更快的服务器。

此外,WordPress 网站的托管主机是 TTFB 的一个巨大好处。这些服务是专门为 WordPress 网站设计和优化的,这意味着在用户端和后端管理方面都有快速的响应时间。

高层和/或管理型主机带来的成本比经济型主机高,但根本没有比精湛的主机更好的方式来获得更低的 TTFB(和整体页面速度)。

我们还建议寻找一个提供优质 DNS 服务的虚拟主机。DNS 查询时间会导致缓慢的 TTFB。利用优质的 DNS 工具可以帮助减少网络延迟,并反过来改善你的加载时间。

2、使用内容交付网络(CDN)

提高网站速度和减少 TTFB 的最有效方法之一是实施 CDN。如果你对这个概念不熟悉,这是一个分布在全球各地的服务器网络。这意味着你的访问者可以从离他们最近的数据中心位置加载你的网站,最大限度地减少所需时间。

有很多不同的 WordPress 的 CDN 服务可以选择。一些最流行的选择包括谷歌云 CDN、KeyCDN 和 Cloudflare。事实上,一些主机(如 SiteGround)在他们的许多计划中提供了 Cloudflare CDN 的免费版本。

在你的 WordPress 网站上使用 CDN 可以帮助你大大减少网络延迟。除了性能方面,CDN 还可以通过防止分布式拒绝服务(DDoS)攻击等威胁,帮助加强你的网站的安全性。

3、删除任何不必要的插件或主题(并保持现有的更新)

插件和主题会占用大量的空间,甚至拖慢你的网站,特别是当它们过时的时候。此外,旧的扩展可以引入安全漏洞,给你的服务器和加载时间带来不必要的压力。它们可能没有得到应有的优化,因为它们的代码而耽误了你的 TTFB。确保你的插件是最新和必要的。如果你的插件妨碍了你的网站的服务器,那么减少你的插件数量肯定会改善你的 TTFB。

删除你的 WordPress 网站上任何你不再使用的插件或主题是很容易的。同样,确保你安装在你的网站上的那些插件保持更新也很重要。如果它们的代码没有得到尽可能好的优化(特别是随着 WP 的更新等等),TTFB 会受到打击。

在你的 WordPress 管理面板上,你可以通过导航到插件,然后点击可用更新链接来找到可用的插件更新。

请记住,插件和主题的开发者会定期为他们的工具发布性能改进和错误修复。保持在最新版本的顶部,并消除任何不再有作用的版本,可以帮助你尽量减少服务器的臃肿。

4、在你的网站上开启高速缓存

减少服务器负载的最有力方法之一是利用缓存。缓存是一种技术,用于帮助最大限度地减少服务器处理时间,并更快地提供内容。因此,它也是一个有用的策略,可以帮助减少 TTFB。

有各种各样的 WordPress 缓存插件,你可以在你的网站上安装。可以参考:

说说 WordPress 官方缓存插件: WP Super Cache-BG
说说 WordPress 官方缓存插件: WP Super Cache

说说 WordPress 官方缓存插件: WP Super Cache

总结下来,使用 WP Super Cache 就好像《舌尖上的中国》里那句话说的“高端的食材往往只需要最朴素的烹饪方式”道理一样,不用什么高深的配置手法,就用默认设置和推荐选项即可,换来的一定是...
说说 CDN、缓存插件、速度优化这些事儿-BG
说说 CDN、缓存插件、速度优化这些事儿

说说 CDN、缓存插件、速度优化这些事儿

关于网站速度优化,明月时至今日的建议是能用 CDN 的尽量使用 CDN,缓存插件能不用就不要再用了,保护好自己的服务器才是最重要的,只有你的服务器运行稳定才能保证站点前端有令人满意的载入速度,奉劝...
分享两个著名的 WordPress 本地缓存插件-BG
分享两个著名的 WordPress 本地缓存插件

分享两个著名的 WordPress 本地缓存插件

是否使用 WordPress 缓存插件明月感觉主要还是要取决于你的服务器类型的,虚拟主机类的服务器最好还是要有一个缓存插件来降低动态的数据库、PHP 运行的负载的,毕竟虚拟主机服务器是共享硬...
WordPress 博客什么时候才需要缓存插件-BG
WordPress 博客什么时候才需要缓存插件

WordPress 博客什么时候才需要缓存插件

最后说说明月自己选择使用缓存插件原因:我是一个最低配的阿里云 ECS 服务器放了四个网站,三个 WordPress 平台,一个 Typecho 平台。这四个站点分别部署了两种 CDN,可想而...
WordPress 下老旧又高效的本地缓存插件 cos-html-cache-BG
WordPress 下老旧又高效的本地缓存插件 cos-html-cache

WordPress 下老旧又高效的本地缓存插件 cos-html-cache

Cos Html Cache 是一种非常有效的 WordPress 页面缓存插件可以让你的站点更快更灵敏。基于 URL 重写,插件将自动生成 HTML 文件的帖子真正当他们第一次加载,并自动更新 HTML 文...
网站缓存插件 W3 Total Cache,适合自己的才是最好的!-BG
网站缓存插件 W3 Total Cache,适合自己的才是最好的!

网站缓存插件 W3 Total Cache,适合自己的才是最好的!

明月一直都是两个站在运作着,博客站是自己与站长们交流学习的,也是自己的分享平台,主站【玉满斋】算是明月的主业了,目前也是流量最大的,耗尽资源而引起的“宕机”是明月最不想看到的,也是不可避免的...
高效的 WordPress 本地缓存加速方案:Memcached+Batcache-BG
高效的 WordPress 本地缓存加速方案:Memcached+Batcache

高效的 WordPress 本地缓存加速方案:Memcached+Batcache

今天给大家推荐的这个缓存加速方案依旧是属于“救急”应对方案,建议在网站流量突增或者服务器负载紧张的时候“救急”一下最好,长期作为加速优化方案需要服务器内存比较富余的情况下可以考虑,相对于那种...

四、首字节的时间(TTFB)常见问题

到现在为止,希望你对 TTFB 的重要性、如何衡量它、以及如何减少它有了扎实的了解。现在,让我们来看看关于这个指标的一些最常见的问题。

1、TTFB 对我的网站的整体性能有什么影响?

TTFB 指的是访客到达你的网站和他们的浏览器从你的服务器接收第一个字节的数据之间的时间。换句话说,它衡量你的服务器对用户的响应能力。这意味着如果没有一个可接受的(读作:低)TTFB,你网站的其他部分就会加载缓慢。

即使你的网站内容在 1 秒内完全加载,如果 TTFB 是 4 秒(4000 毫秒),那么总的加载时间是~5 秒。

因此,TTFB 对你的用户体验和搜索引擎优化起着至关重要的作用。谷歌在考虑如何对你的网站进行排名时,将 TTFB 视为一个关键数据点。你对 TTFB 的任何优化都会直接影响其他页面速度指标,如 FCP 和 LCP。

2、减少 TTFB 的最好方法是什么?

没有一个单一的解决方案来减少你的 TTFB,由于主要目标是减少服务器响应时间,我们建议使用我们上面讨论的各种方法的组合。首先,也是最重要的,确保你有一个可靠的、性能优异的主机供应商。然后,在你的网站上实施 CDN 和缓存系统,保持你的插件更新,并删除任何可能延迟你的网站快速发送响应的不必要的附加组件。

TTFB 并不总是基于拥有一个轻量级的网站,但拥有一个轻量级的网站仍然可以快速地送回第一个字节。

五、最后总结

如果你想为你的网站访问者提供高质量的体验,服务器的响应能力是很重要的。如果你的网站需要太长的时间来响应,就会增加他们放弃你网站的机会。即使你的内容加载很快,如果需要几秒钟才能开始加载,用户可能就会离开。为了防止这种情况的发生,关注你的 TTFB 是至关重要的,并采取措施使其尽可能的低。

「点点赞赏,手留余香」

还没有人赞赏,快来当第一个赞赏的人吧!

明月登楼给明月登楼打赏
×
予人玫瑰,手有余香
  • 2
  • 5
  • 10
  • 20
  • 50
2
支付

本文来自投稿,不代表明月登楼的博客立场,版权归原作者所有,欢迎分享本文,转载请保留出处!

明月登楼
明月登楼 关注:8    粉丝:0
玉满斋(www.ymanz.com)网站创始人,☑玉器爱好者 ☑微博控 ☑手机控 ☑历史控 ☑宅 ☑网络控 ☑Wordpress控

发表评论

表情 链接 私密 格式 签到
扫一扫二维码分享