Преобразование ионного приложения в ленивую загрузку

В середине работы над приложением Ionic 3 я начал замечать, что приложение немного " медленное" так что я слышал о "ленивой загрузке" и думаю, что это было бы полезно здесь.. проблема в том , что у меня уже есть большое количество страниц, поэтому я хотел бы знать, есть ли способ преобразовать эти страницы в ленивую загрузку?

Еще одна вещь-анимация при смене страниц, я сделал карту, которая анимируется на странице, когда я ее загружаю, но анимация повреждена, потому что приложение медленное.. есть как сделать задержку в начале загрузки страницы, чтобы она лучше отображала анимацию?

Спасибо!

1 3
typescript ionic3 hybrid-mobile-app

1 ответ:

Я настоятельно рекомендую реализовать lazy loading в вашем приложении. Это даст огромный прирост производительности вашего приложения. Я говорю эти вещи, используя свой собственный опыт.

После этого вам нужно обновить приложение до Angular 5 / Ionic 3.9.2. Это также даст удивительные улучшения производительности, а также очень маленький размер пакета для вашего приложения.

ссылки, которые вам могут понадобиться для этого:

Ионная и ленивая загрузка Pt 1

Ионная и ленивая загрузка Pt 2

Angular 5 / Ionic 3.9.2 примечания к выпуску

как перейти на 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: Run > npm i

5