We are flushing Internet’s speed down the toilet
really fast!
@ Levataswe are doing an amazing job
We are focusing on:
● User Interface● User Experience● Search Engine Optimization● Accessibility● Testability● Code Quality
But who is focusingon speed?
This is the question we are asking today
This is the question we are asking today
Is it too slow?
But that’s not enough
Amazon Study1s delay could cost Amazon $1.6 billion
in sales each year
This is how our mind works
1-100ms100-300ms
300-1000ms1s+
10s+
InstantSlight perceptible delayTask focus, perceptible delayMental context switchI’ll come back later
More pressure for mobile
56% of users say that they expect the mobile web to be
faster than the desktop web.
Define our budget
Define our budget
100 ms - Great
1,000ms - Acceptable
With our budget, let’s make sure our pages are fast(er).
With our budget, let’s make sure our pages are fast(er).
right?
But we aren’t doing that
But we aren’t doing that
Actually, we are doing the opposite
We need to stop and think
We need to stop and thinkand take action
Two things we can do:
1. Make our sites faster
2. Make our sites feel faster
To make our sites faster
1. Optimize images, CSS, HTML, JS2. PNG vs JPG vs SVG3. Minimize CSS, HTML, JS4. Leverage browser cache5. Gzip6. Avoid unnecessary redirects7. Leverage CDNs8. Measure and Test
To make our sites feel faster
It’s all about user perception.
1. Avoid blank pages2. Animations3. Asynchronous operations
Conclusions
1. Speed can’t be an afterthought2. It involves everyone: designers, devs, QAs3. We can automate most of it
Fun fact
85% of mobile users are on 2G
Remember 2G?