June 1st, 2020 × #web-performance#offline#connectivity
Hasty Treat - Developing for Slow and Spotty Connections
Developing websites and apps to work well on slow, spotty, or offline connections by implementing things like service workers, skeleton screens, better loading indicators, and gracefully handling failures.
Wes Bos Host
Scott Tolinski Host
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
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
