Is your app feeling sluggish? Scott and Wes break down the biggest performance bottlenecks—like bloated assets, slow databases, and waterfall requests—and share easy wins to make your site feel lightning fast. From smarter caching to preloading tricks, these tips will have your app zipping along in no time!

• 00:00 Welcome to Syntax!
• 00:58 Brought to you by Sentry.io.
• 02:01 What makes apps slow?
• 02:10 Loading too much.
• 03:26 Slow database work.
• 04:04 Slow server.
• 04:54 Waterfall requests.
• 06:34 How do I know what is slow?
• 06:45 Web vitals.
• 12:50 Streaming.
• 14:05 Network tab.
• 18:18 Performance tab.
• 22:53 Caching.
• 22:59 Client-side caching.
• 23:38 Server-side caching.
  • Valkey.io.
  • Redis.io.
• 25:40 Local data.
• 26:11 Gzip.
• 29:23 CDN.
• 30:57 Images.
  • Cloudinary.
  • Cloudflare Images.
  • Imgix.
  • Vercel Images.
• 31:08 Serving.
• 34:16 Compressing.
• 35:06 Ship fewer images.
• 35:50 Loading JS.
  • Async vs Defer Attributes.
• 37:00 CSS.
• 38:28 Preloading & Prefetch.
• 39:40 Preloading on hover.
• 41:44 Ship less code.
• 43:49 Icons
  • Nucleo App.
• 47:01 Fonts
  • Tolin.ski.
• 51:13 Sick Picks + Shameless Plugs.

• Scott: Skywalkers on Netflix.
• Wes: Oxo Swivel Peeler.

• Scott: Syntax on YouTube.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Wes and Scott talk about the standard schema for data validation, a collective effort by various library authors to create a unified interface. They discuss the benefits, how it works, and its impact on developers and libraries.

• 00:00 Welcome to Syntax!
• 01:24 Brought to you by Sentry.io

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Wes and Scott answer questions about HTML semantics, TypeScript, adapting to AI’s impact on web development, and the best and worst browsers for developers. They also tackle project planning, deploying SvelteKit apps, and navigating online opinions in tech.

• 00:00 Welcome to Syntax!
• 01:04 Best container element for a grid of products?
• 04:50 TypeScript null checks
• 09:44 Adapt to AI or get left behind
  • Syntax Episode 870

• Scott: My Mind

• Scott: Syntax on YouTube

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes explore the world of coding agents, diving into tools like Cursor and Windsurf that promise to change how we write and manage code. They discuss modes, workflows, and practical tips for experimenting with these AI-powered tools in your next project.

• 00:00 Welcome to Syntax!
• 04:12 What are AI Agents?
  • Cursor Features, Windsurf Features.
• 07:25 Brought to you by Sentry.io.
• 07:50 Chat Mode.
• 08:11 Composer Mode.
• 08:55 Agent Mode.
• 10:03 Inline Chat Mode.
• 11:02 JavaScript Set Methods Demo.
  • Wes’ Example on X.
• 16:10 Fire Dispatch Data.
• 20:01 Rules Files.
  • Cursor Directory.
• 22:37 Use screenshots.
• 23:36 Refactoring to separate files.
• 23:53 Use it to experiment.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Wes and Scott talk with Kevin Hou and Varun Mohan from Windsurf about the evolving landscape of AI in coding, and the future of software development.

• Windsurf
• Codeium
• Vs Code
• Cursor

• Kevin: Ricoh GR IIIx

• Windsurf

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes explore the experimental world of running TypeScript in Node, breaking down the differences between type stripping and compiling. They cover the pros, cons, and quirks of the current implementation, plus explore tools like tsx, ts-node, and even alternatives like Deno.

• 00:00 Welcome to Syntax!
• 00:41 Brought to you by Sentry.io.
• 01:29 Running TypeScript in Node.
• 01:45 Experimental Type Stripping.
• 03:17 TypeScript refresher.
• 04:05 TypeScript can be compiled and/or Type Stripped.
• 05:09 Current Node implementation is only type stripping.
• 05:40 Limitations of no compiling.
  • 05:57 Enums.
  • 08:30 Other issues.
  • 08:35 Parameter properties.
• 09:20 Experimental transform types.
• 10:01 Importing types with type keyword.
• 11:17 No need for sourcemaps.
• 11:42 No dependencies.
  • 13:08 Other tools.
  • 13:25 tsx.
  • 14:28 ts-node.
  • 14:44 JSDoc.
  • 16:30 Deno and Bun.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Wes and Scott talk about the State of JavaScript survey, tends, popular features, and the evolving landscape of tools and frameworks.

• 00:00 Welcome to Syntax!
• 00:27 Brought to you by Sentry.io

• Wes: Headted Vest

• Syntax YouTube Channel

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

What’s the deal with Zero Sync? Scott and Wes dive into this cutting-edge database tech, exploring its real-time interactivity, blazing-fast performance, and how it stacks up against the competition. Plus, they break down setup, querying, authentication, and whether it’s ready for prime time.

• 00:00 Welcome to Syntax!
• 01:59 Brought to you by Sentry.io.
• 02:21 Today’s agenda.
• 02:52 What is Zero Sync?
  • The Docs.
  • InstantDB.
• 07:02 Zerobugs loading speed.
• 11:04 Real-time interactivity.
• 11:38 Why is it different?
• 12:11 How to get it set up.
  • 12:58 Querying Data.
  • 16:22 Writing data.
  • 16:31 Upsert.
  • 17:39 Authentication and permissions.
    • Johannes Schickling Ep 767.
  • 19:27 Preloading.
  • 19:41 Migrations and deployment.
• 20:17 Some extras.
• 21:16 CreateSubscriber.
• 23:08 Can you use this today?
  • Zero Syn Roadmap.
  • Scott’s YouTube Video.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes look into their crystal ball to predict what’s coming in web development next year. From the rise of on-device AI to the vanilla CSS comeback, Bun’s big moves, and React’s evolution, this episode is packed with bold predictions and hot takes!

• 00:00 Welcome to Syntax!
• 02:00 Brought to you by Sentry.io.
• 03:09 The agenda.
• 03:40 Temporal Javascript api will ship in Safari and Chrome.
  • Temporal Proposal.
• 06:23 On device AI.
  • WebGPU API

• Scott: PHILIPS A19 Ultra Definition Dimmable Light Bulb.
• Wes: Stats App.

• Scott: Syntax on YouTube.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes challenge each other’s knowledge on everything from array sorting quirks to browser isolation types in a rapid-fire trivia format. They dive deep into performance optimizations, TypeScript type safety, and HTML best practices while uncovering surprising edge cases that every web developer should know about.

• 00:00 Welcome to Syntax!
• 00:43 Brought to you by Sentry.io.
• 01:23 Question 1: Array Sort Default Behavior.
• 03:24 Question 2: Splitting Into Individual Words & Characters.
• 06:06 Question 3: NodeJS Stream Backpressure.
• 09:07 Question 4: Custom Middleware Rate Limiting.
• 13:00 Question 5: Transform Function Property Changes.
• 15:18 Question 6: TranslateZ & Will-Change Performance.
• 17:52 Question 7: Table Structure Best Practices.
• 20:23 Question 8: Dialog vs Div with Dialog Role.
• 23:21 Question 9: TypeScript Unknown vs Any & Never.
• 26:31 Question 10: Response Type Safety in TypeScript.
• 29:48 Question 11: Browser Isolation Types.
• 32:54 Question 12: HTML Quirks Mode Behavior.

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads