855: Fast Websites: The New Speculation Rules API
Syntax - Tasty Web Development Treats
Wes Bos
4.9 • 1.1K Ratings
🗓️ 2 December 2024
⏱️ 24 minutes
🧾️ Download transcript
Summary
Scott and Wes dive into the Speculation Rules API and why it’s a game-changer for building blazing-fast websites. They break down how pre-loading, prefetching, and pre-connecting work together to boost performance while weighing the costs for both users and developers.
Show Notes
- 00:00 Welcome to Syntax!
- 00:49 Pre-loading, prefetching, and pre-connecting.
- 02:06 Brought to you by Sentry.io.
- 03:16 Benefits of pre-loading, prefetching, and pre-connecting?
- 07:02 The Speculation Rules API.
- 08:20 Isn’t that expensive?
- 08:53 Eagerness of the Speculation Rules API.
- 09:55 What is the cost for the site?
- 14:42 What is the cost for the user?
- 15:49 Next Master.
- 18:07 The current prevalence.
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Transcript
Click on a timestamp to play from that location
| 0:00.0 | Welcome to Syntax on this Monday Hasty Treat. |
| 0:05.0 | We're going to be talking about the new Speculation Rules API for Fast Websites. |
| 0:18.2 | Wes, I don't know much about this, but according to your little intro here, it's about |
| 0:23.8 | preloading, pre-fetching, and pre-rendering. |
| 0:25.9 | So I'm all ears, and I'm excited to learn. |
| 0:28.4 | My name is Scott Tillenski. |
| 0:29.4 | I'm a developer. |
| 0:30.4 | I currently live in Denver. |
| 0:31.7 | With me, as always, is Wes Boss. |
| 0:33.1 | What's up, Wes? |
| 0:34.4 | Hey, not too much. excited to talk about pre-fetching, pre-rendering the benefits, |
| 0:40.2 | the downsides, all that good stuff, because this is, like, maybe let me give you the quick |
| 0:45.5 | rundown of where my brain is coming from this. So a couple weeks ago, a tweet on the McMaster |
| 0:52.2 | car website went pretty viral. And it basically was like on the McMastercar website went pretty viral. And it basically |
| 0:56.2 | was like, the McMastercar website is so fast. Like, how was this 100-year-old company making such |
| 1:01.7 | a fast website? And so I was like, well, I'm a web developer. I can figure that out. So I dipped |
| 1:06.0 | into it really quickly. And then I ended up making a little video on the techniques that they're |
| 1:12.6 | using to make the website feel as fast as possible. And one of the techniques that they're doing, |
| 1:18.2 | and I would I would wager to say the biggest bang for their buck of techniques is that they |
| 1:24.3 | are preloading the HTML of the pages as you hover over top of the links. |
| 1:31.7 | Preloading, pre-connecting, that's been a tactic for quite a while, and it's actually baked |
| 1:36.2 | into a lot of frameworks like Next.js, but now we are getting a speculation rules API, |
... |
Please login to see the full transcript.
Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.
Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.
Copyright © Tapesearch 2025.