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