Angular 2 polyfills初始化花费的时间太长

Question

我对前端开发非常陌生，但是angular2应用程序存在一些问题。

如您所见，下面的时间线截图显示，polyfills的时间太长（将近6秒！）。 看来不正常。 但是，我不知道该怎么做才能减少这种填充时间。

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 }
      })
    );
  }

我在应用程序中使用的整个webpack.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

欢迎使用angular2单页应用程序:)。 A2仍处于开发状态中的恕我直言。 此行为是正常现象，取决于OS /浏览器/组件的数量渲染需要几秒钟。 由于与A2 /供应商/ polyfills捆绑在一起的文件约为800kb +（最小化），因此需要花费一些时间才能全部读取到浏览器内存中。

您可以检查渲染是否完成得非常快，但是脚本可以在初始化后在后台运行几秒钟。 即使在快速PC上也需要一些时间。

它是通过https://github.com/angular/zone.js/完成的