Angular 2应用程序在android设备上运行速度非常慢

我已经使用angular种子项目构建了angular 2应用程序。但是android设备上的应用程序速度非常慢。我正在使用延迟加载。出于测试目的，我禁用了所有页面，只保留404页面。但是仅仅404页面也需要9秒才能看到页面。请任何人帮我优化装载时间。我附加的屏幕截图下面的生产建设。 网络中有很多中断。我不知道为什么会这样

---

我正在分析angular项目，我注意到在android设备上使用require（）会使应用程序速度变慢。 为了减小我的应用程序的大小，我使用systemjs在我的组件中加载库（例如datepicker、moment等）

var moment = require('moment-timezone');

declare var moment:any;
@Component({
    moduleId: module.id,
    selector: "timezone",
    templateUrl: "timeZone.component.html"
})

export class TimeZoneComponent implements OnInit {

但是加载包含此组件的模块需要时间

其次，延迟加载模块也需要时间来加载应用程序。在微调器停止加载后，模块延迟加载

 { path: 'home', loadChildren: './app/core/publicPage/publicPage.module#PublicPageModule' },

进行上述更改后，android设备上的应用程序加载时间比之前的22秒缩短了13秒（这还不够好，但要好得多）

---

我不知道这是否是android设备上systemjs的问题。有没有人在system js上遇到过类似的问题？

我在分析我的angular项目时，注意到在android设备上使用require（）会使应用程序速度变慢。 为了减小我的应用程序的大小，我使用systemjs在我的组件中加载库（例如datepicker、moment等）

var moment = require('moment-timezone');

declare var moment:any;
@Component({
    moduleId: module.id,
    selector: "timezone",
    templateUrl: "timeZone.component.html"
})

export class TimeZoneComponent implements OnInit {

但是加载包含此组件的模块需要时间

其次，延迟加载模块也需要时间来加载应用程序。在微调器停止加载后，模块延迟加载

 { path: 'home', loadChildren: './app/core/publicPage/publicPage.module#PublicPageModule' },

进行上述更改后，android设备上的应用程序加载时间比之前的22秒缩短了13秒（这还不够好，但要好得多）

---

我不知道这是否是android设备上systemjs的问题。有没有人在system js中遇到过类似的问题？

我最终删除了system js并用aot实现了webpack。现在我的应用程序在android上运行得非常快。我猜system js还没有准备好生产。

我最终删除了system js并用aot实现了webpack。现在我的应用程序在android上运行得非常快。我想system js还没有做好生产准备。

需要一些代码或其他东西来完成。此外，是否有本地数据库或全部在线？感谢您依赖Sol。该项目不是实时的，项目代码不向任何人开放，因为它是公司的私人项目。但如果需要，我可以提供网络选项卡或任何特定文件的屏幕截图。您使用AOT吗？看起来引导需要很长时间。如果您更改名称使代码变得模糊，则可以显示代码。我所看到的最大的问题通常是处理不异步的事情。不，我只是在使用延迟加载。当我在angular seed项目中使用AOT和延迟加载时，AOT产生了一个构建问题。需要一些代码或其他东西来解决。此外，是否有本地数据库或全部在线？感谢您依赖Sol。该项目不是实时的，项目代码不向任何人开放，因为它是公司的私人项目。但如果需要，我可以提供网络选项卡或任何特定文件的屏幕截图。您使用AOT吗？看起来引导需要很长时间。如果您更改名称使代码变得模糊，则可以显示代码。我所看到的最大的问题通常是处理不异步的事情。不，我只是在使用延迟加载。当我在angular seed项目中将AOT与延迟加载一起使用时，AOT产生了一个构建问题。