Building a Better Web
June 11–12, 2018: Training
June 12–14, 2018: Tutorials & Conference
San Jose, CA

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

Brian Holt (Microsoft)
4:25pm–5:05pm Wednesday, June 13, 2018
Browsers and Frontend Tools
Location: 210 D/H Level: Intermediate
Secondary topics:  Best practice, Developer Experience Track: Tools, Platforms, and Techniques, Technical

Who is this presentation for?

JavaScript Engineers

Prerequisite knowledge

Working knowledge of how to code in JavaScript.

What you'll learn

How to optimize your Webpack and Babel configs in order to get the best performance possible.


After three years of tooling around with Webpack and Babel at Netflix, LinkedIn, and Reddit I’ve gotten some battle-won knowledge that I’d like to share with you all. Some non-intuitive tricks that lead to smaller bundles, faster parse times, browser-engine opts and de-opts, and faster perceived load times. While these examples will use Preact to make examples this apply to any application that uses these two phenomenal tools. You’ll be surprised at what you can do just turning a few knobs.

Photo of Brian Holt

Brian Holt


Brian is currently working as a staff user interface engineer at LinkedIn and he finds it strange that his employer sends him recruiter spam. Previously he was an engineer at Netflix and Reddit. When not working, Brian finds time to teach on Frontend Masters, run his mouth on Front End Happy Hour, travel all over the world, and play with his adorable dog. Brian is currently a resident of San Francisco, CA.

Leave a Comment or Question

Help us make this conference the best it can be for you. Have questions you'd like this speaker to address? Suggestions for issues that deserve extra attention? Feedback that you'd like to share with the speaker and other attendees?

Join the conversation here (requires login)