Decrease your conversion - common ways to lock people out
summary
Shows concrete ways sites lose users: images are 65% of bytes so using PNG24 or oversized PNGs can cost users cents per page while WebP at 121 KB = 0.1¢ and responsive srcset cuts payloads dramatically; videos drop from 5 MB to 1 MB with compression and to half that with WebM; serve text with gzip/Brotli; accessibility failures are measurable — 57M US disabled, 71% abandon unusable sites — fixable with semantic HTML, visible focus, captions, reduced-motion support and aria-live status messages to signal dynamic changes.
AI-written summary · about
chapters (22)
- 0:00Intro
- 1:12Decrease your conversion! Common ways to lock people out
- 2:46CRO team (conversion rate optimization)
- 3:44It's important to optimize!
- 4:26Web performance #perfmatters
- 7:51Images are 65% of the overall traffic
- 16:19Use video responsibly
- 17:01What about text?
- 18:45Information shouldn't be a privilege.
- 19:4257 million AMERICANS WITH DISABILITIES
- 19:5971.1% OF DISABLED PEOPLE WILL LEAVE A SITE WHEN DIFFICULT TO USE
- 20:41A design methodology that enables and draws on the full range of human diversity.
- 29:1069 million AMERICANS WITH VESTIBULAR DISORDERS
- 30:47Inclusive design is not just for good, it's for good business
- 31:02How do you browse the web?
- 33:15Semantic markup
- 34:31If you can use the web platform to solve issues - use it.
- 34:49Focus on the right things
- 37:14The modal is the boss battle in accessibility.
- 37:37Accessible content
- 43:18The biggest misconception about accessibility is that by adding it you're doing someone a favor. You're not, you're doing your job.
- 44:01Austria enforces WCAG 2.0 AA for e-commerce since Dec 2016.
related talks
42mDesigning for Your Users: How to Create a Better User Experience
01h 03mBetter performance === greater accessibility
42mDelivering Responsibly
50mAdvanced HTML for Good Developers
57mAdvanced HTML for Performance & Accessibility
47mWhose web is it, anyway?
48mThis is for everyone
41mUniversal Web Design: How to create an awesome experience for *every* user