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