Angular 2 app在Android设备上非常慢

Question

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

Answer 1

我分析了我的角度项目，我注意到使用require（）会使Android设备上的应用程序变慢。 为了使我的应用程序大小变小，我已经使用了用过的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' },

进行上述更改应用程序在13秒内加载Android设备，而不是之前的22秒。（这仍然不够好，但更好）

我不知道这是android设备上的systemjs的问题。 有没有人遇到系统js的这个问题？

Answer 2

我终于删除了系统js并用aot实现了webpack。 现在我的应用程序在android上非常快。 我猜系统js还没有准备就绪。