Angular 2多边形填充初始化耗时太长

Question

我是前端开发的新手，对angular2应用程序有一些问题。

正如你可以看到下面的时间线截图，多边形填充花费了太长的时间(几乎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版本

"@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单页app :)。A2仍处于开发状态。这种行为是正常的，取决于操作系统/浏览器/组件的数量渲染需要几秒钟。由于与A2/vendors/polyfills捆绑在一起的文件是关于800kb+ (最小化)的，因此需要一些时间才能将所有内容读取到浏览器内存中。

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

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