Responsible Javascript

on YouTube ↗32m

" summary

Claims that shipping less JavaScript speeds real users: 90th-percentile sites send ≥1MB compressed, main thread can be blocked 2–6 seconds on low-end phones like a Moto G4, and simple fixes cut bundles dramatically — tuned Babel options (useBuiltIns: "usage", loose) reduce one example by 52% and differential serving (type="module"/nomodule) yields up to 40% savings for modern browsers. Concrete tactics: prefer semantic HTML to remove client-side validation, avoid costly Babel transforms (default params/classes), and use client hints (rtt/downlink/ect) to send lighter UX on slow networks.

AI-written summary · about

" chapters (8)

1. 0:00Introduction to Responsible JavaScript
2. 3:30JavaScript growth and performance impact
3. 7:02Paint the picture not the frame
4. 10:55SPAs and external consistency
5. 13:20Tools are not infallible
6. 18:11Differential serving explained
7. 22:20Adapting to user constraints
8. 28:37Closing on purpose and care

" related talks

• 58mResponsible JavaScriptJeremy Wagner · NDC Oslo 2019
• 37mThe Cost of JavaScriptAddy Osmani · #PerfMatters Conference 2019
• 51mWhen JavaScript BytesTim Kadlec · performance.now() 2019
• 41mHow we make Web Apps lightning fast at Microsoft!Sean Thomas Larkin · Uphill Conf 2019
• 30m10KB or Bust: The Delicate Power of Webpack and BabelBrian Holt · ReactiveConf 2018
• 31mBeyond the bubbleBen Schwarz · Nordic.js 2017
• 29mSpeed Essentials: Key Techniques for Fast WebsitesKatie Hempenius, Houssein Djirdeh · Chrome Dev Summit 2018
• 52m10KB or Bust: The Delicate Power of Webpack and BabelBrian Holt · jsDay 2018