14 May 2018 0 comments React, JavaScript
This blog post is 4 years old! Most likely, its content is outdated. Especially if it's technical.
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, React
- To then() or to success() in AngularJS 27 November 2014 JavaScript
- How to throttle AND debounce an autocomplete input in React 1 March 2018 JavaScript, React
- How to create-react-app with Docker 17 November 2017 JavaScript, React
- Display current React version 7 January 2018 JavaScript, React
- Related by keyword:
- How to create-react-app with Docker 17 November 2017
- Ultrafast loading of CSS 1 September 2017
- How to deploy a create-react-app 4 November 2016
- Inline scripts in create-react-app 2.0 and CSP hashes 5 October 2018
- create-react-app, SCSS, and Bulmaswatch 12 February 2019