~/talk

10KB or Bust: The Delicate Power of Webpack and Babel

Talkat ReactiveConf 2018 · 2018-10-29..10-31· [web-performance, javascript]
slides:none on file

Sites target 2G at ~14 kbps; LinkedIn desktop on 2G stalls ~1.3 minutes, while Treebo’s site reaches first useful paint under 1s and full load in 12s. Concrete fixes: upgrade to Babel 7 and preset‑env, enable modules:false for webpack tree‑shaking, use usage-based polyfills and loose mode, set NODE_ENV=production, do code‑splitting for a ~10KB initial payload, ship external source maps, gzip/Brotli compress, defer analytics, and use SVG image skeletons to improve perceived and real load times.

AI-written summary · about

  1. 0:00Start
  2. 13:59COMPILE YOUR CODE TWICE WITH BABEL
  3. 19:50SCOPE HOISTING
  4. 22:39SERVER TIMINGS API
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.