角度5延迟加载与动态加载

时间:2018-02-13 12:28:24

标签: angular-cli angular5 angular-components

有人可以解释延迟加载模块和角度5中的动态组件加载之间的区别吗?我很难弄清楚什么时候使用。你能为每个用例提供一个用例,以便我能更好地理解它们吗?我对角度5很新...我知道延迟加载是关于模块和动态组件加载是关于组件。

3 个答案:

答案 0 :(得分:3)

对于延迟加载的模块,浏览器只会在用户第一次导航到其路由时加载功能。当您将组件直接添加到路由时,无论您是否处于任何特定路径,它们都将被加载,因此就性能和初始包大小而言,延迟加载功能总是好的。

参考:https://alligator.io/angular/lazy-loading/

答案 1 :(得分:0)

  • 延迟加载模块具有可简化加载时间并提高性能的功能,从而加快了应用程序的启动时间。

  • 延迟加载会创建多个分发包,并根据需要在运行时在浏览器中按需加载它们。

  • 如果将所有组件和模板都装入一个大捆绑包中,将导致较大的性能损失。

答案 2 :(得分:0)

'dynamic loading''lazy loading'是行为的不同术语。两者都有条件地加载到网站上-例如。当用户点击modal-button时,我们要加载modal的代码-这是动态行为。也可以说,modal是用户单击按钮时延迟加载的

祝你好运...