Hasty Treat - Developing for Slow and Spotty Connections

Syntax - Tasty Web Development Treats

In this Hasty Treat, Scott and Wes talk about how to develop for slow internet connections.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Show Notes

02:26 - Types of Slow connections

• Slow upload
• Slow download
  • This could be that your kids are watching a show and your partner is on a zoom call
• High latency
• Intermittent

07:47 - Loading UI

• Show loading UI for everything, but after X seconds
• Page transitions on SPAs
• Form switches - enter country, get list of provinces/shipping/whatever

11:58 - Account for XHR failures

• Sometimes I’m in a loading state forever
• State machines will account for this

13:26 - “Still working” timeouts

• Some sort of timeout so the user can get feedback

Links

• Sentry
• Sapper
• Backblaze

Tweet us your tasty treats!

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets