From c7ad3ce4bf2c7f870b405a59448534199bf29393 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Wed, 8 Mar 2017 17:07:53 -0500
Subject: [PATCH] feat(module-loader): run outside of angular and in
 requestIdleCallback

---
 src/index.ts              |  2 +-
 src/util/module-loader.ts | 20 ++++++++++++++++----
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index 95bf51feb7..af1797e8c5 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -594,7 +594,7 @@ export class IonicModule {
         { provide: APP_INITIALIZER, useFactory: registerModeConfigs, deps: [ Config ], multi: true },
         { provide: APP_INITIALIZER, useFactory: setupProvideEvents, deps: [ Platform, DomController ], multi: true },
         { provide: APP_INITIALIZER, useFactory: setupTapClick, deps: [ Config, Platform, DomController, App, NgZone, GestureController ], multi: true },
-        { provide: APP_INITIALIZER, useFactory: setupPreloading, deps: [ Config, DeepLinkConfigToken, ModuleLoader ], multi: true },
+        { provide: APP_INITIALIZER, useFactory: setupPreloading, deps: [ Config, DeepLinkConfigToken, ModuleLoader, NgZone ], multi: true },
 
         // useClass
         // { provide: HAMMER_GESTURE_CONFIG, useClass: IonicGestureConfig },
diff --git a/src/util/module-loader.ts b/src/util/module-loader.ts
index fd6954b41f..61367802a8 100644
--- a/src/util/module-loader.ts
+++ b/src/util/module-loader.ts
@@ -1,7 +1,8 @@
-import { ComponentFactoryResolver, Injectable, Injector, NgModuleFactory, OpaqueToken, Type } from '@angular/core';
+import { ComponentFactoryResolver, Injectable, Injector, NgModuleFactory, NgZone, OpaqueToken, Type } from '@angular/core';
 import { Config } from '../config/config';
 import { DeepLinkConfig } from '../navigation/nav-util';
 import { NgModuleLoader } from './ng-module-loader';
+import { requestIonicCallback } from './util';
 
 export const LAZY_LOADED_TOKEN = new OpaqueToken('LZYCMP');
 
@@ -76,9 +77,8 @@ export interface LoadedModule {
 /**
  * @private
  */
-export function setupPreloading(config: Config, deepLinkConfig: DeepLinkConfig, moduleLoader: ModuleLoader) {
-  return function() {
-    if (config.getBoolean('preloadModules')) {
+export function setupPreloadingImplementation(config: Config, deepLinkConfig: DeepLinkConfig, moduleLoader: ModuleLoader) {
+  if (config.getBoolean('preloadModules')) {
       const linksToLoad = deepLinkConfig.links.filter(link => !!link.loadChildren && link.priority !== 'off');
 
       // Load the high priority modules first
@@ -100,5 +100,17 @@ export function setupPreloading(config: Config, deepLinkConfig: DeepLinkConfig,
         console.error(err.message);
       });
     }
+}
+
+/**
+ * @private
+ */
+export function setupPreloading(config: Config, deepLinkConfig: DeepLinkConfig, moduleLoader: ModuleLoader, ngZone: NgZone) {
+  return function() {
+    requestIonicCallback(() => {
+      ngZone.runOutsideAngular(() => {
+        setupPreloadingImplementation(config, deepLinkConfig, moduleLoader);
+      });
+    });
   };
 }