Performance expert explains everything you need to know about Time to First Byte (TTFB)
ฝัง
- เผยแพร่เมื่อ 29 ก.ค. 2024
- Navigating the world of Core Web Vitals can sometimes feel like deciphering a secret code - one where understanding the nuances can make or break your website’s performance. With Google’s ever-evolving standards, mastering these metrics is not just nice-to-have, it’s critical for every developer who wants a website that performs.
Welcome to the first session of Vitality: A 5-Part Webinar Series Decoding Core Web Vitals, hosted by Kyle Van Deusen with expert guest Brian Jackson from Perfmatters.
Each session, we’ll dive deep into the your vitals and the metrics that affect them most, starting at the beginning with Time to First Byte (TTFB).
Why TTFB? Understanding and optimizing TTFB is essential because it sets the pace for loading times and affects how quickly your content reaches your users. It’s not just a metric; it’s the foundation of a high-performance website.
In this session, we’ll cover:
🚀 The Basics of TTFB: What it is and why it matters more than you think.
🔍 Deep Dive into Factors Affecting TTFB: DNS lookups, server response, networking latency, caching - oh my!
🛠 Practical Optimizations: Step-by-step guidance on reducing TTFB with caching strategies, server configuration, and more.
This session is not just about understanding TTFB but mastering it to ensure your site starts strong. Whether you’re dealing with a portfolio site or a large e-commerce platform, the principles we’ll discuss are universally applicable and will set the stage for improving subsequent Core Web Vitals.
Download the slides from this webinar: theadmin.bar/ttfb
Get 20% off Perfmatters with the coupon code THEADMINBAR at perfmatters.io
- - - - - - -
💻 Visit Our Website: theadmin.bar/yt-tab
🗨 Join Our Free Community: theadmin.bar/yt-community
📨 Get the Best of The Admin Bar Delivered: theadmin.bar/yt-tfc
🔁 Sell More Care Plans: theadmin.bar/yt-wom
🧮 Use My Website Price Calculator: theadmin.bar/yt-calculator
📜 Get My Proposal Template: theadmin.bar/yt-proposal
☑️ Get More Done with My Checklists: theadmin.bar/yt-checklists
🔴 Live Event Schedule: theadmin.bar/yt-events
🔧 The Tools I Use: theadmin.bar/yt-tools
⚡ My Agency, OGAL Web Design: theadmin.bar/yt-agency
----
Timestamps
00:00 - Introduction
07:18 - TTFB Defined
11:05 - What is a good TTFB?
15:00 - What makes up TTFB?
16:14 - How to measure TTFB
18:28 - PSI vs. Real-World Data
23:25 - Redirects, DNS, and TLS
26:05 - Hosting, Hosting, Hosting
32:06 - Caching
34:40 - The Distance Problem
35:50 - Edge Caching
48:30 - Avoid Excessive DOM Size
1:00:22 - Cache Length
1:03:17 - Preloading Cache
1:06:36 - Cache Time to Live Settings
1:09:05 - TTFB Summary
1:14:30 - Q&A: Apache v. NGINX v Litespeed
1:16:17 - Q&A: Google's Testing Connection
1:16:58 - Q&A: Cloudflare and TTFB
1:17:39 - Q&A: Page Builder and TTFB
1:18:13 - Q&A: eCommerce and TTFB
1:19:47 - Q&A: "Premium" Shared Hosting
1:22:50 - Next in the Vitality Series: LCP
Excellent info! Edge Cache! looking forward to putting these to the test.
Awesome stuff guys!🔥🔥🔥
One of my companies services is WordPress performance and I picked up some tips I didn't know. Great stuff and I look forward to the next 4. :)
Thrilled you enjoyed it! Always something new to learn - and there's no better person for us to learn from than Brian!
@@TheAdminBar agreed. smart fella (even in that heat). :)
Hi Kyle, could you ask Brian about WP Super Cache for Cloudflare. It seems to conflict with Breeze/Varnish if active through Cloudways, which produces an error message when testing the cache in the super cache plugin. For the plugin to work it says not to use any other cache on the website. But isn't having Varnish enabled what reduces TTFB in the first place. Or if Varnish is disabled will Super Page Cache do the same for reducing TTFB as Varnish? If using Super Cache is another problem that only some visitors will hit the cloudflare cache, and the rest will hit your server, which then won't have Varnish enabled. If we use APO instead does that mean all visitors will hit the Cloudflare edge cache and none will ever be served from Cloudways? Finally does Cloudflare have an edge location in Ireland? Thank you
Great content and very helpful! I’m looking forward to the next ones, although 3 to 4 weeks between each is rough!
I understand - but Brian put hours upon hours into this presentation... To ask him to do that at any fast pace (while maintaining all his other responsibilities) would be inconsiderate. I honestly feel lucky he's doing it at all and will be happy to wait on his schedule.
@@TheAdminBar Ah my bad, I didn’t mean to imply that he should hurry up, I understand completely that it’s a lot of work, and well put together. These things take time to organise especially with other commitments, plus the fact it’s completely free content! It’s more a reflection of my impatience 🤣🤣 and that I enjoy good content. Keep up the good work!
Thank you for this great webinar. The link to the slides isn't working for me, though. I get an error 500.
Works fine now!
Yes ok on audio
Great info. Great value for time. Can you recommend any agencies that do comprehensive speed audits and improvements on custom woocommerce sites? I'm looking for a "done for you" type of contract service that can collaborate with my existing dev team to hit the performance targets we need.
Talk to Victor at Fixelar.com and tell him Kyle sent you his way :)