javascript - Angular 最佳实践 : Lazyload vs Concatenation

标签 javascript angularjs concatenation lazy-loading oclazyload

我构建了许多 Angular 应用程序,每次我都尝试改进应用程序性能、架构..等。

一些人遵循的一种策略是将所有 JavaScript 文件连接到一个缩小文件中,并将所有样式表文件连接到一个缩小文件中,但这与延迟加载概念相反,例如 Angular oc lazyload 以这种方式加载状态文件:

//inject dependency
var myApp = angular.module("MyApp", ["oc.lazyLoad"]);

//load file
myApp.controller("MyCtrl", function($ocLazyLoad) {
  $ocLazyLoad.load('testModule.js');
});

问题是哪种模式将提供更好的性能串联或延迟加载?

最佳答案

取决于您的应用程序大小。 如果它很小 - 将所有 js 文件连接成一个文件并缩小它就足够了。 如果您有大型模块化应用程序,则有可能部分用户不会访问所有模块,在这种情况下,最好将单个 js 文件拆分为一些 block ,并在需要时延迟加载。

关于javascript - Angular 最佳实践 : Lazyload vs Concatenation,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37951270/

相关文章:

javascript - 如何在获取 POST 请求中传递空值

javascript 内循环问题

MySQL 需要帮助将垂直数据格式化为水平数据

python - 如何使用日期时间索引和列连接多个数据帧?

linux - 将一批文件连接到一个文件夹中

Javascript : functions without prototype

javascript - 右键单击特定图例项

javascript - ng-show 在过滤器结果更改后不重新评估

javascript - 如何注入(inject)具有大量依赖项的 AngularJS Controller

javascript - $state.go 不适用于 angularjs 1.5