Optimizing Web Performance with Preload and Pre-Connect Techniques

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.

• 00:00 Welcome to Syntax!
• 00:49 Pre-loading, prefetching, and pre-connecting.
  • CSS Wizardy.
  • CSS Wizardy on GitHub.
• 02:06 Brought to you by Sentry.io.
• 03:16 Benefits of pre-loading, prefetching, and pre-connecting?
• 07:02 The Speculation Rules API.
  • mdn web docs.
• 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.
  • Next Master.
• 18:07 The current prevalence.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads