Mejora la eficiencia de tu app AngularJS con lazy loading: carga módulos solo cuando los necesites

¡Optimiza tu aplicación AngularJS con lazy loading y aumenta su rendimiento!

¿Qué es el lazy loading y cómo funciona en AngularJS?

Ejemplo:

// Antes de lazy loading
angular.module(myApp, [module1, module2, module3]);

// Después de implementar lazy loading
angular.module(myApp, [ngRoute]);

myApp.config(function($routeProvider) {
  $routeProvider
    .when(/module1, {
      templateUrl: module1.html,
      controller: Module1Controller,
      resolve: {
        load: function($q, $rootScope) {
          var deferred = $q.defer();
          require([module1], function() {
            $rootScope.$apply(function() {
              deferred.resolve();
            });
          });
          return deferred.promise;
        }
      }
    });
});

Beneficios de utilizar lazy loading en tu aplicación AngularJS

Conclusión