角度2のポリフィルの初期化に時間がかかりすぎる

Question

私はフロントエンドの開発にはかなり新しく、angular2アプリにいくつか問題があります。

あなたは下のタイムラインの取得を見ることができるように、polyfillsのtaks長すぎる時間（約6秒！） それは正常ではないようです。しかし、私はこのpolyfillsの時間を減らすために何ができるか分かりません。

confの一部の行。

// Add build specific plugins 
    if (ENV === 'build') { 
    config.plugins.push(
     // Reference: http://webpack.github.io/docs/list-of-plugins.html#noerrorsplugin 
     // Only emit files when there are no errors 
     new webpack.NoErrorsPlugin(), 

     // Reference: http://webpack.github.io/docs/list-of-plugins.html#dedupeplugin 
     // Dedupe modules in the output 
     new webpack.optimize.DedupePlugin(), 

     // Reference: http://webpack.github.io/docs/list-of-plugins.html#uglifyjsplugin 
     // Minify all javascript, switch loaders to minimizing mode 
     new webpack.optimize.UglifyJsPlugin({ 
      compress: { warnings: false } 
     }) 
    ); 
    } 

全体webapp.config.js私のアプリで使用します。 https://gist.github.com/jeesim2/484186d630fedc9f42e264ca905ad123

マイ角度バージョン

"@angular/common": "^2.0.1", 
"@angular/compiler": "^2.0.1", 
"@angular/core": "^2.0.1", 
"@angular/forms": "^2.0.1", 
"@angular/http": "^2.0.1", 
"@angular/platform-browser": "^2.0.1", 
"@angular/platform-browser-dynamic": "^2.0.1", 
"@angular/router": "^3.0.1", 

webpack.optimize.UglifyJsPluginは70％パッケージの大きさを減少させたが、ページの読み込み速度が速く取得していませんでした。

この長いページを読み込む原因は何ですか？

Answer 1

angle2シングルページアプリへようこそ:)。 A2はまだ開発状態のIMHOです。この動作は正常ですが、OS /ブラウザ/コンポーネントの数に依存しますレンダリングには数秒かかります。 A2/vendors/polyfillsを含むバンドルされたファイルは約800kb +（最小化されている）なので、すべてをブラウザのメモリに読み込むのに時間がかかります。

レンダリングが非常に高速に実行されていることを確認できますが、スクリプトは初期化後数秒間バックグラウンドで実行されます。高速のPCでも時間がかかります。