253

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.

or

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

Tweet us your tasty treats!

Share