在Ionic2中的视图之间切换太慢

Question

我正在构建一个离子应用程序，我已经构建了项目的50%，一开始我使用ionic start MyProject sidemenu自动生成的sidemenu模板，然后我添加了我自己的页面和组件。

在浏览器视图中，应用程序很棒，然后我将应用程序部署到android设备上，部署成功后，当我启动应用程序时，我感觉应用程序很慢，但当我切换到某个视图时，打开新页面需要5-10秒。

我观察了服务器端和应用程序之间的流量，观察到在请求返回并呈现视图之前，应用程序不会切换到新页面！

有什么帮助吗？

Answer 1

尝试先切换到视图，然后在应用程序生命周期中使用ionViewWillEnter()或其他内置的ionic API。

ionViewWillEnter将在每次加载视图时拉取数据，其中

ionViewDidLoad只会在第一次加载时拉取页面。

  ionViewDidLoad() {
    console.log('ionViewDidLoad SplashPage');
  }

Answer 2

您不需要说明您正在使用哪个ionic版本，但在ionic 3中，如果您使用

 ionic g page MyPage

它会自动将页面创建为一个模块。这允许延迟加载。你可以从ionic的官方博客文章中阅读更多关于here的内容。

很难说为什么视图只有在命中服务器之后才加载，因为您还没有添加导航代码。可能有一个代码块在推送到下一页之前等待服务器响应。

如果您的视图依赖于从服务器接收的数据，那么您的请求应该在new Promise中，允许您在数据被触摸之前和/或之后添加条件。