Syntax - Tasty Web Development Treats

972: These Things Make Your App Feel Like Crap on Mobile

Share this episode
Anyone with this link can open it.
Share Link
Start at 0:00

This episode isn’t summarized yet

Create a free account and summarize it. In a few minutes you’ll have the key takeaways and a section-by-section summary.

Show notes

Wes and Scott talk about why mobile web apps often feel “janky” compared to native—and how to fix it. They cover input zooming, accidental horizontal scroll, pointer/user-select quirks, frame rate consistency, full-page refreshes, and more.

Show Notes

00:00 Welcome to Syntax!

01:11 Brought to you by Sentry.io

02:57 Zooming inputs

06:11 Horizontal scrolling

08:49 Proper use of pointer-events: none, and user-select: none

11:27 Allowing zoom on everything

16:37 Cleaning up the “jank”

19:48 Full page refresh

24:05 Slow loading times

29:50 Cumulative layout shift

32:47 Address bars and viewport units

Dynamic Viewport Units

35:34 Full-width scroll traps

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

Couldn't load the audio. A blocker may be stopping the show's tracking links. Open the file