Improving UX via Front-end Optimization

This talk is about the user perception of speed and how that can greatly affect the overall UX of a product.

Transcript

1. Improving UX via front-end optimization a.k.a How to “wash” from zero byte By @udezekene
2. @udezekene Who am I? - Designer - Failed Backend Developer - UXLead @ CcHUB - Organizer usable - Pretend Chef - Foodie - Wanderer - Human
3. @udezekene Optimization an act, process, or methodology of making something as fully perfect, functional, or effective as possible
4. @udezekene Why should you care? …because you cannot get better one time.
5. @udezekene Humans have generally grown impatient After 3 seconds 40% will abandon your site Source: dynatrace
6. @udezekene Users know about your competition >56% of shoppers left for a competitor’s site rather than suffer delays Source: dynatrace
7. @udezekene Data is expensive Every additional 100ms decreased Amazon sales by 1%. 1MB ≈ 1 naira. Source: websiteoptimization.com Source: fastornot.ng
8. @udezekene Making a Good first impression
9. @udezekene Speed Get there amazingly fast
10. @udezekene Performance starts with design
11. @udezekene How to optimize for speed? Hint: It’s all about the size
12. @udezekene Codebase | Media | Server
13. @udezekene Compress HTML & Minify CSS & JS htmlcompressor.com - jscompress.com - cssminifier.com -
14. @udezekene Compress Media (images, videos, audio) kraken.io - clipchamp.com - monkeysaudio.com -
15. @udezekene Serverside Enable GZIP Compression - Use a CDN - Configure your server (Apache/NGIX) - Optimize Database -
16. @udezekene PageSpeed Insights https:/ /developers.google.com/ speed/pagespeed
17. @udezekene GTmetrix.com https:/ /gtmetrix.com
18. @udezekene GTmetrix.com https:/ /gtmetrix.com
19. @udezekene What else…
20. @udezekene Load JavaScript asynchronously Only serve content when it’s needed Limit third-party scripts Using @import added +7.6% load time
21. @udezekene There’s plenty wahala abeg
22. @udezekene performance + beauty = overall user experience
23. @udezekene A good user experience is intuitive and fast
24. @udezekene
25. @udezekene
26. @udezekene A be!er user experience = Trust = More returning visitors = Happier Users
27. @udezekene It’s all about HUMANS
28. TWITTER/SC/IG - @udezekene Thank You