title: Slow Performance on Ionic4/ Angular7 (Modal, ion-button)
body: <p>I am using Ionic 4/ Angular7 with angular/material to build my app. However I am facing a slow performance issue on my real device (Samgsung C5).</p>
  
  <p>My Page setting is a Home.page contain a headerCompontent, and using a button(modalCtrl) to call the Filter.page from the headerCompontent.</p>
  
  <ol>
  <li><strong>Ion-button</strong></li>
  </ol>
  
  <p>I have using this Component for building a Filter button with a Icon like this</p>
  
  <pre><code>&lt;ion-buttons slot="end" (tap)="show()"&gt;
      &lt;ion-button fill="clear"&gt;
          &lt;i class="fa fa-cog " aria-hidden="true"&gt;&lt;/i&gt;
      &lt;/ion-button&gt;
  &lt;/ion-buttons&gt;
  </code></pre>
  
  <p>When the button is clicked, there will be a ripple effect shown and the ripple effect is kind of slow and lag. I have tried to use <code>(click)</code> but it is the same.</p>
  
  <p><strong>2. ion-Modal</strong></p>
  
  <p>I have a filter page and i try to use modalCtrl to call it out, like below</p>
  
  <pre><code>let modal = await this.modalCtrl.create({
    component: FilterPage,
    cssClass: "filter animated zoomIn fastest",
    backdropDismiss: true,
    showBackdrop: true,
    animated: false
  })
  await modal.present();
  </code></pre>
  
  <p>The modal filter is not a full screen modal but a box modal and using Animation.css ZoomIn effect, it is very smooth in the local browser but when i try it on real device, the ZoomIn effect is very slow at the first time being call, it just like using 2-3 frame to finish the whole animation. However, it is much smoother after the first call but still it is not the same as browser.</p>
  
  <p>I have used --prod flag and Capacitor to build the apk. Any suggestion to improve it? like preloading the FilterModal page?</p>
  
  <p>Here is my <code>ionic info</code></p>
  
  <pre><code>ionic (Ionic CLI)             : 4.12.0 (/usr/local/lib/node_modules/ionic)
     Ionic Framework               : @ionic/angular 4.2.0
     @angular-devkit/build-angular : 0.13.8
     @angular-devkit/schematics    : 7.2.4
     @angular/cli                  : 7.3.8
     @ionic/angular-toolkit        : 1.4.1
  
  Capacitor:
  
     capacitor (Capacitor CLI) : 1.0.0-beta.19
     @capacitor/core           : 1.0.0-beta.19
  
  Cordova:
  
     cordova (Cordova CLI) : 7.1.0
     Cordova Platforms     : none
     Cordova Plugins       : no whitelisted plugins (5 plugins total)
  
  System:
  
     Android SDK Tools : 26.1.1 (/Users/gary/Library/Android/sdk)
     ios-deploy        : 1.9.4
     NodeJS            : v8.11.4 (/usr/local/bin/node)
     npm               : 6.9.0
     OS                : macOS Mojave
     Xcode             : Xcode 10.1 Build version 10B61
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I have tried to build and run on IPhone, there is no problem, the animation is fast and smooth. 
  However, I tried to using another Android phone to test the same things, it still got the slow animation at the first call and got smoother after that.</p>
  
  <p>Both Android phone are on Android 8 and using Chrome WebView.</p>