Improve the illusion of speed - Optimize your web experience to perfection!
summary
Mobile sites improve perceived speed by shifting users from passive waiting to activity, for example an airport that multiplied the walk time by six and eliminated baggage complaints despite no faster handling. Techniques shown include preemptive start (preload next-step assets), early completion and progressive images (pixelated to hi-res), animations that mask slow API responses used successfully in an airline client, and optimistic UI while cautioning how to implement skeleton UI and avoid spinners for long waits.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 0:10About Marius
- 1:14User expectations
- 2:32Time categories
- 3:31Example
- 4:27Perception
- 5:37User Experience
- 6:15Active Waiting Mode
- 7:11Preemptive Start
- 8:46Animations
- 9:47Optimistic design
- 10:44Other techniques
- 12:23Conclusion
related talks
01h 12mMake It Seem Like Everything Loads Fast
26mDesigning for speed and hacking users perception
24mWeb Speed in Perfection
29mSpeed Essentials: Key Techniques for Fast Websites
26mFetching Data and the Perception of Speed
30mFast and Beautiful: Modern Image Delivery Techniques
23mPerformance Optimizations for Progressive Web Apps
39mGiving you ways to increase, but also explain site performance, to your boss.