April 28th, 2025 × #webdev#performance#ux
Tips and tricks to make web apps feel faster through perceived speed improvements
Wes Bos Host
Scott Tolinski Host
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.
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads