Background load bundles.

[justinbmeyer]

It would be nice to show background loading of bundles. This would load other bundles sometime after the first page draw so they are ready.

[matthewp]

Interesting idea, I haven't seen this done before. Something like:

steal.done().then(function(){
  var bundles = System.bundles;

  Promise.all(
    Object.keys(bundles).map(function(bundleName){ return System.import(bundleName); })
  );
});

[justinbmeyer]

I've done this in other projects. Works pretty well. Especially if you have a "prioritized" knowledge of the other modules.

Btw, I'm not sure this would use System.import. It's likely you want to load the module, but not execute it. I think there's a way to do this.

[matthewp]

We could fetch them which would put them in the browser cache for when they are imported. I don't know of another way to load without executing.

[matthewp]

We could put this in Steal, perhaps as:

{
  "system": {
    "backgroundLoadBundles": true
  }
}

Long option name but I can't think of any better.

[matthewp]

Or alternatively just as another project that you can just require ala steal-qunit, steal-benchmark, etc. That might be better.

[matthewp]

Ideally this would be aware of done-autorender so that it waits until the first render() has finished before loading them.

[chasenlehara]

Similar idea implemented for Angular: https://github.com/AngularClass/angular2-idle-preload