延迟加载与组合资源AngularJS

Question

我为AngularJS应用的每个页面创建了一个单独的模块。

在需要时加载脚本是否更好（例如：使用ui-router resolve和oclazyload加载发票页面的invoice_module）。

或者只是将所有应用程序文件合并为一个并立即加载它们？

Answer 1

这在很大程度上取决于您希望用户在您的应用中移动的方式。

如果典型用例是在会话中触摸多个页面，那么组合所有文件可能是个好主意 - 这将导致更长的初始加载，但后续转换将近乎即时。 / p>

另一方面，如果您希望用户在典型访问中仅打到应用程序的一两页（即页面彼此“分开”），那么延迟加载可能对您有利。

就个人而言，我总是将其缩小/缩小为一个包。除非你的模块巨大（巨大的10s / 100s）或者有足够的指标来支持延迟加载的更好的用户体验，否则实现它并不值得付出努力。而且，您的用户已经加载了Angular，无论如何它本身都很大。