이오니아 응용 프로그램을 느린 로딩으로 변환

Question

이오니아 3 응용 프로그램에서 작업하는 중입니다. 응용 프로그램이 릴 비트 "느림"임을 알기 시작했습니다. 그래서 "게으른 로딩"에 대해 들었습니다. .. 문제는 이미 많은 양의 페이지가 있으므로 알고 싶습니다. 해당 페이지를 게으른로드로 변환 할 수있는 방법이 있습니까?

또 다른 것은 페이지를 변경하는 동안 애니메이션입니다. 카드를로드 할 때 페이지에서 움직이는 카드를 만들었지 만 앱이 느리기 때문에 애니메이션이 손상되었습니다. 시작 부분에 지연을 만드는 방법이 있습니다. 페이지를로드하면 애니메이션이 더 잘 표시됩니까?

감사합니다.

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

각도 5/이온 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