I am converting a template (Dashboard like) from JQuery to Angular 2. The website have lot of popups and these popups have many tabs so I put each popup in different component to maintain its code and logic separately. Now if I observe the Network tab in chrome then it can be seen that the major delay is the DOMContentLoaded delay.
So my question is this how to reduce this delay in this kind of situation.
Image of Network tab from Chrome
This page contain just a single signup and forgot form.
In my jquery template there are lots of (10) modals which are following Bootstrap modals to make some parts of templates working.
After just deleting them my issue is resolved now the loading time is following
Image of Network Tab in Chrome