Angular 2 app在Android设备上非常慢

Question

我使用角度种子项目构建了一个角度2 app。但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

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