Question

在Ionic 3应用程序的工作过程中，我开始注意到该应用程序是一个小小的＆＃34;慢＆＃34; 所以我听说过＃Lazy Loading＆＃34;我认为这在这里很有用.. 问题是我已经有了大量的页面，所以我想知道，有没有办法将这些页面转换为延迟加载？

另一件事就是动画在更改页面时，我在加载时让卡片在页面中显示动画，但由于应用程序很慢，动画已损坏..有一种方法可以在页面开头做出延迟加载所以它会更好地显示动画？

谢谢！

Answer 1

我强烈建议您在应用上实施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步：运行＆gt; npm i

将离子应用程序转换为延迟加载

1 个答案: