webpack-bundle-analyzer is an awesome little program for understanding why and which parts of your bundled .js files are so big. It's a lot more advanced (and pretty) than source-map-explorer.
Thanks to this tip by @trevorwhealy you can now use webpack-bundle-analyzer
on a create-react-app
bundle. Yay!
Check out the report I made for the client side code of Songsear.ch:

One thing I personally noticed from this is that the .png
do take up quite a lot of kilobytes. And I'm quite that the whatwg-fetch
polyfill uses 12KB before gzip.
- Previous:
- Always return namespaces in Django REST Framework 11 May 2018
- Next:
- Rust > Go > Python ...to parse millions of dates in CSV files 15 May 2018
- Related by category:
- How to "onchange" in ReactJS 21 October 2015 JavaScript,
ReactJS
- To then() or to success() in AngularJS 27 November 2014 JavaScript
- How to create-react-app with Docker 17 November 2017 JavaScript, ReactJS
- How to throttle AND debounce an autocomplete input in React 01 March 2018 JavaScript, ReactJS
- Display current React version
07 January 2018 JavaScript, ReactJS
- Related by keyword:
- Ultrafast loading of CSS 01 September 2017
- How to deploy a create-react-app 04 November 2016
- Inline scripts in create-react-app 2.0 and CSP hashes 05 October 2018
- create-react-app, SCSS, and Bulmaswatch 12 February 2019
- A React vs. Preact case study for a widget 24 July 2019