Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bundle optimization #167

Open
1 of 6 tasks
edemaine opened this issue Apr 11, 2021 · 1 comment
Open
1 of 6 tasks

Bundle optimization #167

edemaine opened this issue Apr 11, 2021 · 1 comment
Labels
speed Improve efficiency

Comments

@edemaine
Copy link
Owner

edemaine commented Apr 11, 2021

meteor --extra-packages bundle-visualizer --production
  • The main offender is including all of FontAwesome, which is ~1.3MB. We should just include the icons that we use. (On the other hand, this will be automatically fixed with Meteor tree shaking, which might be coming soon, so perhaps worth just waiting...)
  • react-dom 119kB + react 8kB: Port to Solid 😃
  • react-bootstrap 107kB 60.9kB by importing specific components
  • flexlayout-react 97.3kB
  • fontawesome-svg-core 40.9kB
  • Comingle code 136kB (only 18kB in lib): Could be somewhat improved by lazy loading views?
@edemaine edemaine added the speed Improve efficiency label Apr 11, 2021
@edemaine
Copy link
Owner Author

edemaine commented May 5, 2022

Finally bit the bullet and directly imported icons from FontAwesome, reducing the bundle from 2.32MB to 1.09MB!

Importing specific components from react-bootstrap reduced a little more to 1.03MB.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
speed Improve efficiency
Projects
None yet
Development

No branches or pull requests

1 participant