Bundle Size Too Big

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Bundle Size Too Big

Richwheels pro asked 6 years ago

I've just tested a blank angular (just ng new) project with only MDBootstrap Pro in it and it came to 4.1MB in size for the ng build --prod bundle size. I then followed the instructions to only import the dropdown menu and spinner and the bundle was still 3.91MB! I checked through all the bundle and about 3MB of that is fonts. I don't want all these fonts so how do I go about getting rid of them without breaking the MDBootstrap Pro projects? 3.91MB for a bundle size with absolutely nothing in it is completely unacceptable.

nothingeni answered 5 years ago

Hello,

any updates about this subject ?

Thanks!

Arkadiusz Idzikowski staff commented 5 years ago

From v8 our styles are modular and loaded only when you use specific component. You can also load only the modules you need in your application, here is the list of all available modules:

https://mdbootstrap.com/docs/angular/getting-started/modules/

In v9 we plan to remove fonts from the bundle. You will have to load the fonts from external source.

Richwheels pro answered 6 years ago

A bundle without MDBootstrap comes to 300kb so 3.61MB is added in fonts and other useless stuff just so I can use a drop down menu and spinner!

Damian Gemza staff answered 6 years ago

Dear Rich, Thanks for your report. Actually, we are working on improving the performance of our bundle, and decreasing its size. Unfortunately, for now, I can't provide you ready-to-use answer because this problem requires us to change the structure of the library. Best Regards, Damian

evieira357 pro commented 6 years ago

Is there one forecast to do this change/improvement?

MarkUlt answered 6 years ago

Is there any news on the progress of reducing the bundle size?

Our bundle size is around 2MB which is very large and it would be better to have a smaller deployment. Just registering the components we use gives a bundle size the same as registering the whole library.

evieira357 pro answered 6 years ago

Is there one forecast to do this change/improvement?

Damian Gemza staff answered 6 years ago

Dear @MarkUlt , @evieira357 

We're working on decreasing the bundle size, but I can't provide you with any ETA on this.

You have to be patient.

Best Regards,

Damian

gauravrkc90 answered 5 years ago

Hi Damian,

any updates on this will be helpful?

Thanks

Arkadiusz Idzikowski staff answered 5 years ago

Hello @gauravrkc90

From version 8.0.0 styles of the components are modular and can be loaded when you import specific module. That mean you can load only the styles you need in your application. However we still need to find some other solution for loading fonts and other assets.

ilprima commented 5 years ago

Does exist a guide?

Arkadiusz Idzikowski staff commented 5 years ago

What guide do you need exactly? You can find migration guide for updade from MDB 7 to MDB 8 here:

https://mdbootstrap.com/docs/angular/getting-started/migration/
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: PC
  • Browser: Chrome
  • OS: Win 10
  • Provided sample code: No
  • Provided link: No
Tags
size
Related topics
0
Reduce Size
0
WYSIWYG Editor Content height
0
Select options size
0
Select Size
0
Pie Chart Size
About author
Richwheels
Pro User
17Support score
1Questions 1Answers
0Snippets likes 0Snippets