2016-06-23 51 views
0

我正在使用Angluar CLI入门工具包,而且我遇到了性能方面的问题。我不可能在Firefox上使用我的应用程序,所以我必须使用Chrome(它会占用大量RAM)。我一直在寻找我的Chrome网络流量控制台上,我看到这些细节:Angular 2请求性能问题

387 request | 143 KB transferred | Finish: 5.38 s | DOMContentLoader: 575 ms | Load: 1.34s 

这是有病,我并不感到惊讶,我的Firefox不能勉强应付自如。而我几乎没有开始开发我的应用程序。

所以,我的问题是:

  • 它是正常的吗?
  • 当我将应用程序设置为生产时,它会是这样吗?
  • 有没有解决方案?

这不是Angular2 too many file requests on load可能dublicate因为我使用Angular CLI而且它更不同,我甚至不知道我怎么能结合的WebPack这个框架。

+0

[Angular2太多的文件请求的可能的复制on load](http://stackoverflow.com/questions/35280582/angular2-too-many-file-requests-on-load) – echonax

回答

1

这是387所请求的原因,在systemjs.config.js

// Individual files (~300 requests): 
    function packIndex(pkgName) { 
    packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' }; 
    } 
    // Bundled (~40 requests): 
    function packUmd(pkgName) { 
    packages['@angular/'+pkgName] = { main: '/bundles/' + pkgName + '.umd.js', defaultExtension: 'js' }; 
    } 
    // Most environments should use UMD; some (Karma) need the individual index files 
    var setPackageConfig = System.packageWithIndex ? packIndex : packUmd; 
    // Add package entries for angular packages 

所以,你可以减少到40名的请求,如果您设置System.packageWithIndex = false

<script> 
     System.packageWithIndex = false; 
     System.import('./app/bootstrap').catch(console.log.bind(console)); 
    </script> 
+0

Angular CLI的入门工具包中没有这样的文件'systemjs.config.js'。 –

+0

这是在index.html文件,对不起 – AngJobs

+0

那么,你知道我怎么能减少'angular-cli'的请求数量? –