PLAY PODCASTS
897: Making Your App Feel Faster Than It Really Is

897: Making Your App Feel Faster Than It Really Is

Scott and Wes break down the tricks and techniques for making your app feel blazing fast—even when it’s not. From optimistic UI to preload-on-hover, it’s all about perception, not just performance. Show Notes Welcome to Syntax! Brought to...

Syntax - Tasty Web Development Treats · Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

April 28, 202535m 3s

Audio is streamed directly from the publisher (traffic.megaphone.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.

Show Notes

Scott and Wes break down the tricks and techniques for making your app feel blazing fast—even when it’s not. From optimistic UI to preload-on-hover, it’s all about perception, not just performance.

Show Notes
  • 00:00 Welcome to Syntax!
  • 01:12 Brought to you by Sentry.io.
  • 02:34 Mousedown or pointerdown events.
  • 06:00 UI animations should be fast.
  • 08:00 Animations should not block interaction.
  • 08:20 Animations should be cancellable / reversible.
  • 10:50 Optimistic UI.
  • 12:37 Local Data.
  • 13:36 Delay loading indicators.
  • 14:40 Page loading indicators.
  • 15:47 Preload on hover.
  • 17:13 Calculate mouse trajectory.
  • 18:51 Full page spinner on every change.
  • 20:04 Pixelated spinners.
  • 20:23 Skeleton loaders.
  • 23:43 Photo frames.
  • 25:52 Search on input instead of search on click.
  • 26:46 Progress loaders than move in between steps.
  • 27:31 Community submissions.
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