angular flex-layout performance

I want to build a responsive application with angular 4. I am checking some responsive platforms and of course one of the main options is angular flex-layout.

I made some test pages with angular flex-layout and I saw that it doesn't use css media-queries and all the listening and responsiveness are implemented via typescript.

Could this fact cause a performance problem in mobile devices/low resources devices? There are more responsiveness frameworks such as flexbox-grid which are css based only. wouldn't it be better to use css-based platforms rather than angular flex-layout from performance point of view?

Upvotes: 2

Answers (3)

adam0101

Reputation: 31055

Yes, absolutely it can cause performance issues - even on desktop, and not just with tables, if displaying a large number of elements. I personally experienced severe rendering performance due to layout thrashing.

I was experiencing page load times of more than 20 seconds. In the process of debugging this, I found that switching from the (now deprecated) flex-layout library to a CSS alternative such as css-fx-layout, I was able to get my page load time down to under 2 seconds.

Upvotes: 1