A Practical Guide to Reducing Bundle Size

When it comes to bundle size, less really is more! But how do we ensure that our code can be effectively tree-shaken and minimised?

There are common code patterns that break tree-shaking and prevent minification from doing much at all. Let me share practical insights from my experience optimising a component library that will help you do the same and shed the excess from your bundles.

The talk is split into 2 halves: tree-shaking / minification.

Will explain tree-shaking then show coding patterns that prevent the bundler from being able to drop code. Will then cover sideEffects / pure code annotations. Then how to test tree shaking is working and demo source-map-explorer.

Then will cover minification and how to optimise what the bundler can minify. #private variables unlock great savings but there are issues with downleveling for older build targets.

The talk finishes with a quick overview of different build tools and the speed / size trade off.