angulardomcontentloaded

How to reduce the DOMContentLoaded Time using Angular2


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.


Solution

  • 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