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.
- Always return namespaces in Django REST Framework 11 May 2018
- Rust > Go > Python ...to parse millions of dates in CSV files 15 May 2018
- Related by category:
- Display current React version
- 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