ionic 中的静态内容页面需要时间才能在移动设备上首次加载

Question

我有一个静态页面，在 html 页面中包含 300 多行文本。

    <ion-content> 
      <p text-warp>
        //my text with
      </p> 
    </ion-content>

在我的浏览器中，我可以立即导航到我的静态页面，但在第一次构建到我的手机后，导航到该页面需要很多时间。

我用 3 部手机测试过，结果相同。

我正在使用 ionic cordova build android

问题的代价是什么

ionic info

的输出

全局包：

@ionic/cli-utils : 1.5.0
Cordova CLI      : 7.0.1
Ionic CLI        : 3.5.0

本地包：

@ionic/app-scripts              : 1.3.8
@ionic/cli-plugin-cordova       : 1.4.1
@ionic/cli-plugin-ionic-angular : 1.3.2
Cordova Platforms               : android 6.2.3 ios 4.4.0
Ionic Framework                 : ionic-angular 3.4.2

系统：

Node       : v6.11.1
OS         : macOS Sierra
Xcode      : Xcode 8.3.2 Build version 8E2002
ios-deploy : not installed
ios-sim    : not installed
npm        : 3.10.10

Answer 1

您需要在 CLI 中使用 --prod 选项 command.It 标记为 production 构建。

ionic cordova run android --prod

使用上述命令后，构建将得到优化

这是ionic cordova run Options

--prod triggers a production build of Ionic, which is then put into the Cordova container you chose (android or ios).

这些任务在 ionic-app-scripts:

内可用

Reference:

ionic 中的静态内容页面需要时间才能在移动设备上首次加载

static content page in ionic takes time to load first time on mobile

html

static-content

ionic2

ionic3

angular