Your Users Deserve More - Building better, faster websites

A little presentation I did at the May 2015 UX Meetup, talking about how local designers should consider improving the performance of their sites.

Transcript

1. Your Users Deserve More Building better, faster websites Onyeka Aghanenu (@OnyekaAg)
2. Your users are not happy
3. And why should you care? What’s all this about?
4. http://httparchive.org/trends.php The average website size is increasing May 2014 ~1.7MB May 2015 ~2.1MB
5. 3 out of 5 websites accessed in May 2015 loaded more than 1MB of data This is bad. http://httparchive.org/interesting.php#bytesTotal
6. 76% of Nigerian Internet Traffic is via mobile... http://www.kpcb.com/internet-trends
7. ...and 70% of that mobile traffic is via Opera Mini/UC Browser http://www.kpcb.com/internet-trends
8. Nigerian Internet Users on Mobile Nigerian Internet Users on Opera Mini/UC Browser Nigerian Mobile Internet Users on Opera Mini/UC Browser
9. 6.5Mbps ~750kb/s 23.3Mbps ~2875kb/s NIGERIA WORLD Average Internet Download Speeds http://www.netindex.com/download/2,59/Nigeria/
10. This is not good.
12. The slower your site is, the less likely visitors are to return. Site Performance is part of the User Experience
13. What can be done?
14. If your site is aimed at mostly Nigerians realize that most of them may either be using: Know your demo • a degraded browser • a slow/expensive connection
15. Using the fanciest, latest plugins gives you bragging rights at the cost of the user It’s not about you
16. webpagetest.org How well is your site performing?
17. developers.google.com/speed/pagespeed/insights/
18. Checklist • Gzip JS, CSS, Image files • Minimize JS & CSS files • Enable caching of static files and queries • Optimize Images • Load Js at the bottom of the page • Reduce page requests
19. Ask not what you can add, ask what you can remove Set a Performance Budget
21. • Fewer JS files • Fewer Wordpress plugins • Much smaller Images • Much smaller everything • Better use of media queries Get rid of the bloat
22. Love your users. A degraded browser shouldn’t make your site unusable. Use Javascript – but as an enhancement. Your site should still be readable and mostly functional on ANY browser/speed. Progressive Enhancement
23. < 1000ms Time to first byte Fully loaded < 10s Speed Index < 3000
24. MX Lab, Multiple browsers, including Opera Mini, Office internet and mobile data. TEST, TEST and TEST AGAIN
25. The difference between mediocre design and quality design is how much effort you’re willing to put into it. Don’t be content with, ‘well it works’. Working vs Working Well
26. Everyone wins!