在角度2中加载组件需要多长时间？

Question

在浏览器中加载组件的时间。

例如，我在一个组件中创建了多个标签，每个标签中有多行代码和此标签中的其他标签，以便加载组件需要多长时间？

哪一个更好的方法： -

1. 我创建了一个组件，并在此组件中编写了如此多的代码。
2. 我创建了多个组件，并在这些组件中编写了一个小代码，并通过路由相互连接。

组件加载时间的因素取决于组件大小和其他任何因素？

请告诉我们。

Answer 1

让多个组件相互连接可以帮助您加快加载速度。但它取决于除了创建多个组件之外的其他一些东西

• 最重要的是你如何引导你的应用程序。如果您使用web-pack进行自举并仅创建一个捆绑文件，那么这几乎无关紧要，因为无论您是仅创建组件还是多个组件，它都会聚集到一个捆绑文件中。但是如果你是系统js，它可能很重要，因为你可以选择加载哪个js文件第1个
• 如果使用路由进行加载，则除非启用延迟加载，否则angular仍会在编译的js中同时加载所有内容。如果您使用延迟加载来为不同的路径加载组件，那么使用不同的组件可以帮助加载更快

但是对于大多数情况下角度来说它几乎不重要，这就是为什么角度默认情况下不会对路径进行延迟加载，因为如果你无法通过延迟加载来正确优化路由，单个捆绑js实际上会更快地运行。

除非您拥有庞大的应用程序，否则您可以选择其中之一，而是专注于代码的结构，以便将来可以进行管理。如果你的应用程序非常大，我想你必须分发到多个组件。然后，您可以选择如何分发，引导和延迟加载它们。