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

• 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