897: Making Your App Feel Faster Than It Really Is

Syntax - Tasty Web Development Treats

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