logo
episode-header-image
Apr 2024
24m 7s

753: Cache Ruins Everything Around Me

Wes Bos & Scott Tolinski - Full Stack Javascript Web Developers
About this episode

Scott and Wes dive into the cache problem, tackling user-specific data and caching security. From marketing A/B testing to content negotiation, they explore various challenges and solutions, including different URL/query parameters, edge logic, and client-side caching.

Show Notes

  • 00:00 Welcome to Syntax!
  • 01:22 Syntax is on YouTube.
  • 02:16 Let’s talk about the cache problem.
  • 03:33 User-specific data and caching security.
  • 06:27 Why might this pop up?
    • 06:29 Marketing A/B testing - cookie based.
    • 06:55 User-selected features - such as themes.
    • 06:58 Language or geo-based items - accept language.
    • 07:11 Images - WebP for some browsers, jpg for others.
    • 07:45 JSON/HTML based on accept header.
    • 08:17 Different encoding.
  • 08:26 Content negotiation.
  • 08:54 The solutions.
    • 09:04 Provide different URLs/Query parameter.
    • 11:19 Don’t cache the page, cache the data based on query.
    • 15:01 Implement a “Cache Key” - one render for every option.
    • Netlify
    • Fastly
    • Cloudflare
    • 18:17 Use edge logic.
    • 19:52 Just do it client-side.

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Up next
Oct 8
944: Is Coinbase Really Writing Half Their Code With AI?
Wes and Scott talk with Kyle Cesmat about how Coinbase is writing nearly half its code with AI—while keeping quality and security front and center. They dig into tools like Cursor and Claude Code, agent-driven workflows, code review challenges, and how AI is reshaping developer p ... Show More
49m 6s
Oct 6
943: Modern React with Ricky Hanlon (React Core Dev)
Scott and Wes sit down with Ricky Hanlon from the React core team at Facebook to dive into the latest features and APIs shaping modern React development. From transitions and Suspense to fetching strategies and future directions, this episode breaks down what’s next for React and ... Show More
38m 36s
Oct 1
942: Mental Health Q&A w/ Dr. Courtney Tolinski
Wes and Scott talk with Dr. Courtney Tolinski about supporting neurodivergent teammates, navigating workplace dynamics, and recognizing strengths beyond labels. They explore ADHD diagnosis and treatment, productivity mindsets, burnout, AI in mental health, and practical routines ... Show More
57m 44s
Recommended Episodes
Apr 2022
Caching is hard | The Backend Engineering Show
In this episode of the backend engineering show we discuss an article written by the Forem team illustarting a bug they recently fixed in their caching layers. They go into good level of details explaining the 3 levels of caching that they have. I go through this article in this ... Show More
21m 18s
Apr 2021
Browser Caching best practices, when to use no-cache vs max-age without breaking your site
Caching is the hardest problem in building software, and having the browser cache is not any different. In this video, I'll discuss Jake Archibald's article https://jakearchibald.com/2016/caching-best-practices/ 0:00 Intro 2:00 Pattern 1: Immutable content + long max-age 5:40 Pat ... Show More
18m 59s
Dec 2023
#644: Amazon ElastiCache Serverless
In this episode, we’re diving deep into one of the recent announcements from AWS re:Invent, the release of Amazon ElasticCache Serverless. This new option allows customers to create a cache in under a minute and instantly scale capacity based on application traffic patterns. Jill ... Show More
18m 30s
Nov 2020
Basic Caching Techniques Explained - Spatial, Temporal, Distributed, Write-Through, Write-Back, Cache Aside
In this video I go through the three type of caching and how it is kept in sync. 0:00 Intro 0:30 What is Caching? 1:20 Spatial Cache 3:30 Temporal Cache 5:00 Distributed cache 6:30 Write-Through Cache 8:00 Write-Back Cache --- Support this podcast: https://anchor.fm/hnasr/support 
10m 23s
Aug 2022
Memcached Architecture | The Backend Engineering Show
Memcached is an in memory cache with one major feature be a transient cache. Memcached has a very simple design. It was originally designed to help with database load by storing the query result in memory to avoid further querying the database. By default it has no authentication ... Show More
50m 29s
Jan 2024
Episode 55: Popping WordPress Plugins - Methodology Braindump
Episode 55: In this episode of Critical Thinking - Bug Bounty Podcast, Justin is joined by Wordpress Security Researcher Ram Gall to discuss both functionality and vulnerabilities within Wordpress Plugins.Follow us on twitterSend us any feedback here:Shoutout to YTCracker for the ... Show More
1h 44m
Feb 2024
Ultra-Niche Positioning: How to Find Success By Going SUPER Narrow
I’m so f*cking happy to announce that ​my book, Stand The F*ck Out, is officially available for PURCHASE​! To buy the book—and more!—DIRECTLY from us and support our small business, go to: https://book.stfo.ioFree Shipping Worldwide • Ripped Apart by 70+ Marketers • Money-Back Gu ... Show More
57m 59s
Dec 2023
Leveling up technology
Join hosts Walt Cooley and Matti McBride as they dive into Cooley’s recent presentation “Level-Up” given at the Amelicor Herd and Feed Management Conference in this episode of the Progressive Dairy Podcast. Learn how to level up technology on your operation, champion an employee ... Show More
32m 25s
Feb 2024
Nvidia hits $2 Trillion, Gemini bias, Reddit goes public + more!
Timestamps:0:00 godspeed, tech news fan0:10 Nvidia's $2 trillion, new Nvidia App2:00 Gemini image gen, Stable Diffusion 34:10 Reddit's IPO, AI deal with Google6:04 QUICK BITS INTRO6:14 Vision Pro glass cracks7:04 iPhone 15 battery twice as good8:02 Vending machines with face came ... Show More
11m 41s