{"id":328,"date":"2025-02-12T16:00:00","date_gmt":"2025-02-12T17:00:00","guid":{"rendered":"http:\/\/www.azxyfun.com\/?p=328"},"modified":"2025-03-19T19:11:47","modified_gmt":"2025-03-19T19:11:47","slug":"time-to-first-byte-beyond-server-response-time","status":"publish","type":"post","link":"http:\/\/www.azxyfun.com\/index.php\/2025\/02\/12\/time-to-first-byte-beyond-server-response-time\/","title":{"rendered":"Time To First Byte: Beyond Server Response Time"},"content":{"rendered":"<p>              <title>Time To First Byte: Beyond Server Response Time<\/title><\/p>\n<article>\n<header>\n<h1>Time To First Byte: Beyond Server Response Time<\/h1>\n<address>Matt Zeunert<\/address>\n<p>                  2025-02-12T17:00:00+00:00<br \/>\n                  2025-03-19T18:34:17+00:00<br \/>\n                <\/header>\n<p>This article is sponsored by <b>DebugBear<\/b><\/p>\n<p>Loading your website HTML quickly has a big impact on visitor experience. After all, no page content can be displayed until after the first chunk of the HTML has been loaded. That\u2019s why the <a href=\"https:\/\/www.debugbear.com\/docs\/metrics\/time-to-first-byte?utm_campaign=sm-8\">Time to First Byte<\/a> (TTFB) metric is important: it measures how soon after navigation the browser starts receiving the HTML response.<\/p>\n<p>Generating the HTML document quickly plays a big part in minimizing TTFB delays. But actually, there\u2019s a lot more to optimizing this metric. In this article, we\u2019ll take a look at what else can cause poor TTFB and what you can do to fix it.<\/p>\n<h2 id=\"what-components-make-up-the-time-to-first-byte-metric\">What Components Make Up The Time To First Byte Metric?<\/h2>\n<p>TTFB stands for Time <em>to<\/em> First Byte. But where does it measure <em>from<\/em>?<\/p>\n<p>Different tools handle this differently. Some only count the time spent sending the HTTP request and getting a response, ignoring everything else that needs to happen first before the resource can be loaded. However, when looking at Google\u2019s <a href=\"https:\/\/www.debugbear.com\/docs\/metrics\/core-web-vitals?utm_campaign=sm-8\">Core Web Vitals<\/a>, TTFB starts from the time <a href=\"https:\/\/developer.chrome.com\/docs\/crux\/methodology\/metrics#ttfb-metric\">when the users start navigating to a new page<\/a>. That means TTFB includes:<\/p>\n<ul>\n<li>Cross-origin redirects,<\/li>\n<li>Time spent connecting to the server,<\/li>\n<li>Same-origin redirects, and<\/li>\n<li>The actual request for the HTML document.<\/li>\n<\/ul>\n<p>We can see an example of this in this <a href=\"https:\/\/developer.mozilla.org\/en-US\/blog\/optimize-web-performance\/#working_with_network_request_waterfalls\">request waterfall visualization<\/a>.<\/p>\n<figure class=\"\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/1-request-waterfall-visualization.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"290\" src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/1-request-waterfall-visualization.png\" alt=\"Request waterfall visualization\" \/><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/1-request-waterfall-visualization.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>The <a href=\"https:\/\/www.debugbear.com\/blog\/reduce-initial-server-response-time?utm_campaign=sm-8\">server response time<\/a> here is only 183 milliseconds, or about 12% of the overall TTFB metric. Half of the time is instead spent on a cross-origin redirect &mdash; a separate HTTP request that returns a redirect response before we can even make the request that returns the website\u2019s HTML code. And when we make that request, most of the time is spent on establishing the server connection.<\/p>\n<p>Connecting to a server on the web typically takes three round trips on the network:<\/p>\n<ol>\n<li><strong>DNS:<\/strong> Looking up the server IP address.<\/li>\n<li><strong>TCP:<\/strong> Establishing a reliable connection to the server.<\/li>\n<li><strong>TLS:<\/strong> Creating a secure encrypted connection.<\/li>\n<\/ol>\n<h2 id=\"what-network-latency-means-for-time-to-first-byte\">What Network Latency Means For Time To First Byte<\/h2>\n<p>Let\u2019s add up all the network round trips in the example above:<\/p>\n<ul>\n<li>2 server connections: 6 round trips.<\/li>\n<li>2 HTTP requests: 2 round trips.<\/li>\n<\/ul>\n<p>That means that before we even get the first response byte for our page <strong>we actually have to send data back and forth between the browser and a server eight times!<\/strong><\/p>\n<p>That\u2019s where network latency comes in, or <a href=\"https:\/\/www.debugbear.com\/blog\/network-round-trip-time-latency?utm_campaign=sm-8\">network round trip time<\/a> (RTT) if we look at the time it takes to send data to a server and receive a response in the browser. On a high-latency connection with a 150 millisecond RTT, making those eight round trips will take 1.2 seconds. So, even if the server always responds instantly, we can\u2019t get a TTFB lower than that number.<\/p>\n<p>Network latency depends a lot on the geographic distances between the visitor\u2019s device and the server the browser is connecting to. You can see the impact of that in practice by running a <a href=\"https:\/\/www.debugbear.com\/test\/ttfb?utm_campaign=sm-8\">global TTFB test<\/a> on a website. Here, I\u2019ve tested a website that\u2019s hosted in Brazil. We get good TTFB scores when testing from Brazil and the US East Coast. However, visitors from Europe, Asia, or Australia wait a while for the website to load.<\/p>\n<figure class=\"\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/2-global-ttfb-test.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"393\" src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/2-global-ttfb-test.png\" alt=\"Visualisation with a map of a global TTFB test\" \/><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/2-global-ttfb-test.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h2 id=\"what-content-delivery-networks-mean-for-time-to-first-byte\">What Content Delivery Networks Mean for Time to First Byte<\/h2>\n<p>One way to speed up your website is by using a <a href=\"https:\/\/www.cloudflare.com\/en-gb\/learning\/cdn\/what-is-a-cdn\/\">Content Delivery Network<\/a> (CDN). These services provide a network of globally distributed server locations. Instead of each round trip going all the way to where your web application is hosted, browsers instead connect to a nearby CDN server (called an edge node). That greatly reduces the time spent on establishing the server connection, improving your overall TTFB metric.<\/p>\n<p>By default, the actual HTML request still has to be sent to your web app. However, if your content isn\u2019t dynamic, you can also <a href=\"https:\/\/www.debugbear.com\/blog\/cdn-cache?utm_campaign=sm-8\">cache responses at the CDN edge node<\/a>. That way, the request can be served entirely through the CDN instead of data traveling all across the world.<\/p>\n<p>If we run a TTFB test on a website that uses a CDN, we can see that each server response comes from a regional data center close to where the request was made. In many cases, we get a TTFB of under 200 milliseconds, thanks to the response already being cached at the edge node.<\/p>\n<figure class=\"\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/3-global-ttfb-test.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"787\" src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/3-global-ttfb-test.png\" alt=\"An expanded version of TTFB test with a list of test locations with its server responses\" \/><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/3-global-ttfb-test.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h2 id=\"how-to-improve-time-to-first-byte\">How To Improve Time To First Byte<\/h2>\n<p>What you need to do to improve your website\u2019s TTFB score depends on what its biggest contributing component is.<\/p>\n<ul>\n<li>A lot of time is spent establishing the connection: <strong>Use a global CDN.<\/strong><\/li>\n<li>The server response is slow: <strong>Optimize your application code<\/strong> or <strong>cache the response<\/strong><\/li>\n<li>Redirects delay TTFB: <a href=\"https:\/\/www.debugbear.com\/blog\/avoid-multiple-page-redirects?utm_campaign=sm-8\"><strong>Avoid chaining redirects<\/strong><\/a> and <strong>optimize the server<\/strong> returning the redirect response.<\/li>\n<\/ul>\n<figure class=\"\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/4-ttfb-details.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"314\" src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/4-ttfb-details.png\" alt=\"TTFB details, including Redirect, DNS Lookup, TCP Connection, SSL Handshake, Response\" \/><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/4-ttfb-details.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>Keep in mind that TTFB depends on how visitors are accessing your website. For example, if they are logged into your application, the page content probably can\u2019t be served from the cache. You may also see a spike in TTFB when running an ad campaign, as visitors are redirected through a click-tracking server.<\/p>\n<h2 id=\"monitor-real-user-time-to-first-byte\">Monitor Real User Time To First Byte<\/h2>\n<p>If you want to get a breakdown of what TTFB looks like for different visitors on your website, you need <a href=\"https:\/\/www.debugbear.com\/real-user-monitoring?utm_campaign=sm-8\">real user monitoring<\/a>. That way, you can break down how visitor location, login status, or the referrer domain impact real user experience.<\/p>\n<p><a href=\"https:\/\/www.debugbear.com\/?utm_campaign=sm-8\">DebugBear<\/a> can help you collect real user metrics for Time to First Byte, Google Core Web Vitals, and other page speed metrics. You can track individual TTFB components like TCP duration or redirect time and break down website performance by country, ad campaign, and more.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/5-time-to-first-byte-map.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"381\" src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/5-time-to-first-byte-map.png\" alt=\"Time to First Byte map\" \/><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      (<a href=\"https:\/\/files.smashing.media\/articles\/time-to-first-byte-beyond-server-response-time\/5-time-to-first-byte-map.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<h2 id=\"conclusion\">Conclusion<\/h2>\n<p>By looking at everything that\u2019s involved in serving the first byte of a website to a visitor, we\u2019ve seen that just reducing server response time isn\u2019t enough and often won\u2019t even be the most impactful change you can make on your website.<\/p>\n<p>Just because your website is fast in one location doesn\u2019t mean it\u2019s fast for everyone, as website speed varies based on where the visitor is accessing your site from.<\/p>\n<p><strong>Content Delivery Networks<\/strong> are an incredibly powerful way to improve TTFB. Even if you don\u2019t use any of their advanced features, just using their global server network saves a lot of time when establishing a server connection.<\/p>\n<div class=\"signature\">\n  <img src=\"https:\/\/www.smashingmagazine.com\/images\/logo\/logo--red.png\" alt=\"Smashing Editorial\" width=\"35\" height=\"46\" loading=\"lazy\" \/><br \/>\n  <span>(gg, yk)<\/span>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Time To First Byte: Beyond Server Response Time Time To First Byte: Beyond Server Response Time Matt Zeunert 2025-02-12T17:00:00+00:00 2025-03-19T18:34:17+00:00 This article is sponsored by DebugBear Loading your website HTML quickly has a big impact on visitor experience. After all, no page content can be displayed until after the first chunk of the HTML has [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/www.azxyfun.com\/index.php\/wp-json\/wp\/v2\/posts\/328"}],"collection":[{"href":"http:\/\/www.azxyfun.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.azxyfun.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.azxyfun.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.azxyfun.com\/index.php\/wp-json\/wp\/v2\/comments?post=328"}],"version-history":[{"count":1,"href":"http:\/\/www.azxyfun.com\/index.php\/wp-json\/wp\/v2\/posts\/328\/revisions"}],"predecessor-version":[{"id":329,"href":"http:\/\/www.azxyfun.com\/index.php\/wp-json\/wp\/v2\/posts\/328\/revisions\/329"}],"wp:attachment":[{"href":"http:\/\/www.azxyfun.com\/index.php\/wp-json\/wp\/v2\/media?parent=328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.azxyfun.com\/index.php\/wp-json\/wp\/v2\/categories?post=328"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.azxyfun.com\/index.php\/wp-json\/wp\/v2\/tags?post=328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}