如何使用 Angular2 减少 DOMContentLoaded 时间
How to reduce the DOMContentLoaded Time using Angular2
我正在将模板（类似仪表板）从 JQuery 转换为 Angular 2. 该网站有很多弹出窗口，这些弹出窗口有很多选项卡，所以我将每个弹出窗口放在不同的组件中以进行维护它的代码和逻辑分开。现在，如果我观察 chrome 中的网络选项卡，则可以看出主要延迟是 DOMContentLoaded 延迟。
所以我的问题是如何减少这种情况下的延迟。
Image of Network tab from Chrome
此页面仅包含一个注册和遗忘表单。
在我的 jquery 模板中有很多 (10) 个模态框跟随 Bootstrap 模态框使模板的某些部分工作。
删除它们后，我的问题就解决了，现在加载时间如下
Image of Network Tab in Chrome
我正在将模板（类似仪表板）从 JQuery 转换为 Angular 2. 该网站有很多弹出窗口，这些弹出窗口有很多选项卡，所以我将每个弹出窗口放在不同的组件中以进行维护它的代码和逻辑分开。现在，如果我观察 chrome 中的网络选项卡，则可以看出主要延迟是 DOMContentLoaded 延迟。
所以我的问题是如何减少这种情况下的延迟。
Image of Network tab from Chrome
此页面仅包含一个注册和遗忘表单。
在我的 jquery 模板中有很多 (10) 个模态框跟随 Bootstrap 模态框使模板的某些部分工作。
删除它们后，我的问题就解决了，现在加载时间如下
Image of Network Tab in Chrome