Empathy Driven Development: Boosting performance by implementing for unfavorable conditions
summary
Shows concrete wins and exact tools: Brazil data (207M people, only 37,9% LTE access; 61% 4G coverage, ~83M without 4G), average page size rising from 929KB to >3MB and median load ~19s, and business impacts (53% abandon if >3s; Pinterest cuts load 40% and raises signups 15%; Netflix cuts bandwidth bill ~43% by turning on gzip). Recommends measurement with webpagetest.org and Lighthouse, webpack splitChunks, image/font subsetting, CDN/HTTP2 and nginx compression.
AI-written summary · about
chapters (27)
- 0:00Introduction
- 0:36Brazilian Independence Day
- 1:29Internet Addiction
- 1:57Inequality in Brazil
- 2:53Mobile Internet
- 5:21Images
- 5:59Page Size
- 8:50Pinterest
- 10:10Optimizing
- 11:21Time to Interactive
- 12:26Webpage Test
- 13:01Chrome Dev Tools
- 13:45Performance Simulation
- 14:26Lighthouse
- 16:32Shipping Less Code
- 17:08Code Splitting
- 17:52Dynamic Imports
- 18:50Frameworks
- 19:52Shrink Stuff
- 20:30Minify Resources
- 22:04Character Subsetting
- 22:40Loading Fonts
- 23:59Variable Fonts
- 24:50Compatibility
- 26:34CDN
- 27:11HP
- 29:10Key takeaways
related talks
22mPerformance Empathy
22mImproving Low-Connectivity Experiences on the Web
36mNobody cares about web performance. It's hard, expensive and unneeded
41mHigh Performance Kick-Ass Web Apps
27mStubborn Empathy
27mThe Secret Web Performance Metric No One Is Talking About
34mReal world connectivity: Beyond the bubble
41mSpeed at Scale: Web Performance Tips and Tricks from the Trenches