Low performance with Flutter 3 on iOS devices

I found performance issues with Flutter 3.0.1, with Dart 2.17.1, using the google_mobile_ads 1.2.0 on iOS.

Obs.: Using LARGE_BANNER ad. I think this is realted to google_mobile_ads and iOS. Android works pretty well, without any issues.

Evidence video

https://user-images.githubusercontent.com/18273071/170879694-b6874cce-69c7-41bc-807b-88b1335783a8.mp4

Plugin Version

google_mobile_ads: ˆ1.2.0

Steps to Reproduce

1. Create some example app using flutter 3.0.1
2. Add google_mobile_ads version 1.2.0 and use Banner Ad on different pages of your app.
3. Navigate between pages with real banners ids - on TEST MODE (simulates real ads)

Expected results: Fluid navigation

Actual results: Performance issues

flutter doctor -v

[✓] Flutter (Channel stable, 3.0.1, on macOS 12.4 21F79 darwin-x64, locale pt-BR)
    • Flutter version 3.0.1 at /Users/cello/fvm/versions/3.0.1
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision fb57da5f94 (6 days ago), 2022-05-19 15:50:29 -0700
    • Engine revision caaafc5604
    • Dart version 2.17.1
    • DevTools version 2.12.2

[!] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    • Android SDK at /Users/cello/Library/Android/sdk
    • Platform android-31, build-tools 31.0.0
    • ANDROID_HOME = /Users/cello/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.12+0-b1504.28-7817840)
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.

[✓] Xcode - develop for iOS and macOS (Xcode 13.4)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • CocoaPods version 1.11.2

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2021.2)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.12+0-b1504.28-7817840)

[✓] Connected device (2 available)
    • macOS (desktop) • macos  • darwin-x64     • macOS 12.4 21F79 darwin-x64
    • Chrome (web)    • chrome • web-javascript • Google Chrome 101.0.4951.64

[✓] HTTP Host Availability
    • All required HTTP hosts are available

[dayron9110]

With Flutter 3.0 the performance on iOS is so bad…

[adrianlogue]

I had the same issue and could reproduce it running a debug build on a real device with real ads - and only occurs on iOS.

It occurs when the ad moves across the screen because of some animation (like the navigation transition animation in the @marcellocamara video above). In my case it is when the software keyboard appears and pushes the ad up from the bottom of the screen. The debug console rapidly fills with hundreds of the following logs:

[WindowServer] CADisplayTimingsControl too many requests. [WindowServer] Unmatched CAFrameIntervalRange unregistration.

Within a minute or two performance declines and the logs start to fire hundreds of times a second and most touch interactions are followed by 10 to 20 secs of screen freeze.

Those specific errors indicate it may be related to 120hz refresh rate introduced with ProMotion in iOS 15.x.

For me it was resolved by converting the widget that serves the ad to be a Stateful widget and then ensuring the ad is disposed along the lines of the code sample supplied by @maheshmnj.