So i'm working on a project which the main dashboard is using the angular2gridster and when a "heavy" widget(contains a list of 30 rows of data) is added and i drag a widget(not necessarily the "heavy" one the fps drops to like 10fps, if i had another "heavy" widget of the same kind, it goes to like 2fps).
My first approach was when i start to drag, to remove the data from the widget and on drop, restore it. It worked with one heavy widget, but with several on the dashboard, it returned to be problematic. From my understanding, the grid detects changes only on drag start and drop, so why along the way of dragging the fps is so low as if it detects changes on every movement? (my own code has no change detection, i tried to make the change detection strategy to onPush and even detach the detector on drag start and re-attach it on drop with no luck).
I'm using angular 5, and the app is running on IE11(customers' limitations)- it is important to mention that on chrome the dragging is smooth even with said "heavy" widgets. Hope you can shed some light for me or give me a lead on what i should try because i'm out of ideas..