So incase you havn’t been following me. I joined Cargurus in July. At cargurus we’re currently working on our mobile web experience written in react, redux and reselect. As our implementation grew so did our time to first paint.
You get started by
npm install -g source-map-explorer then just download your bundles, and sourcemaps. In the command line run
source-map-explorer ./yourbundle.js ./yourbundlemap.js Your browser should then open with a great tree view of what is inside your bundle. From here you can look to see what dependencies you have, and their sizes. Obviously, you can then decide to keep or throw them away.
Here is a great youtube video explaining it in detail!