Ui js files have very big size

[TheYkk]

i install with this docker run -d -p 8443:443 manageiq/manageiq:hammer-4

[Fryguy]

@himdel ?

[himdel]

Yes, that is true.

Unfortunately, due to historical reasons, manageiq UI is currently using all of:

• jquery + bootstrap + patternfly
• angular + angular-ui-bootstrap + angular-patternfly
• react + react-bootstrap + patternfly-react

Long term, we should end up with only the react branch, and it is possible that most if not all of angular code will be gone by the J-release.

A second problem is that we're still combining webpack with rails asset pipeline, whcih may lead to some ..inefficiencies. After that transition is done, I can try focusing on splitting the bundles, for example loading c3 and d3 only in controllers using any charts, etc. And, with a bit more effort around cleaning up rails-generated javascript. we can probably also enable tree shaking.

---

There is nothing we can do about this short term,
and while it should get better long term,
we're also introducing patternfly4 code in the next release, which will make it worse, because we will be including 2 whole version of patternfly for the next few years, as well as 2 copies of each patternfly react component.

[himdel]

@Fryguy given that ^, does it make sense to keep this issue open?

The only thing we could do about big JS bundles is split them into more smaller js bundles at this point, not reduce total size.
(And finish ManageIQ/manageiq-ui-classic#5679 so that application*js (asset pipeline) doesn't contain any more external dependencies.)

[himdel]

(Current vendor*js is 17 MB before compression, relative sizes inside, courtesy of webpack-bundle-analyzer:

)

[Fryguy]

@himdel I'm good with closing this for now as it's at least already on your radar and there's nothing we can do about it short term.