在一款Ionic3应用的开发过程中,我开始注意到这个应用有点“慢”
所以我听说了“偷懒装”的事,我想在这里会有用的。
问题是我已经有了大量的页面,所以我想知道,有什么方法可以将这些页面转换为延迟加载?
另一件事是改变页面时的动画,我制作了一张卡片,当我加载它时在页面中设置动画,但是动画被破坏了,因为应用程序很慢。有一种方法可以在页面加载开始时延迟,以便更好地显示动画?
谢谢!

最佳答案

我强烈建议在你的应用上实现lazy loading。它将大大提升你的应用程序的性能。我是用自己的经验来讲述这些事情的。
之后,您需要将应用程序升级到Angular 5 / Ionic 3.9.2。这也会给你的应用带来惊人的性能提升和非常小的包大小。
您可能需要的参考资料:
Ionic and Lazy Loading Pt 1
Ionic and Lazy Loading Pt 2
Angular 5 / Ionic 3.9.2 release notes
如何升级到Angular 5/Ionic 3.9.2
步骤1:更改package.json如下。

"dependencies" : {
  ...
  "@angular/common": "5.0.0",
  "@angular/compiler": "5.0.0",
  "@angular/compiler-cli": "5.0.0",
  "@angular/core": "5.0.0",
  "@angular/forms": "5.0.0",
  "@angular/http": "5.0.0",
  "@angular/platform-browser": "5.0.0",
  "@angular/platform-browser-dynamic": "5.0.0",
  "@ionic/storage": "2.1.3",
  "ionic-angular": "3.9.2",
  "rxjs": "5.5.2",
  "zone.js": "0.8.18"
  ...
},
"devDependencies: {
  "@ionic/app-scripts": "3.1.0"
  "typescript" : "2.4.2"
}

第2步:删除node_modules文件夹。
第3步:运行>npm i

09-07 17:34
查看更多