Repository: flutter
Issue: When multiple blur effects are present on the screen, Impeller performs worse than Skia.
Labels: engine,c: performance,has reproducible steps,P2,e: impeller,team-engine,triaged-engine,found in release: 3.26

Actually, this issue is the same as https://github.com/flutter/flutter/issues/149989. Since this issue was closed, I switched to the latest Flutter master channel to verify, but it seems that the performance of Impeller has not improved.
It is possible that I did not provide sufficient information when I initially created the issue. If there is any additional information you need, please feel free to let me know.

### Steps to reproduce

1.Execute the test code in profile mode with both Impeller and Skia.
2.This issue occurs when swiping up and down on the screen to scroll through the list. The frame rate of the video decreases.
Here is the URL of the GitHub repository containing the test code.
https://github.com/HarukaOki/impeller_test

### Code sample

<details open><summary>Code sample</summary>

```dart


dart
import 'dart:math';
import 'dart:ui';

import 'package:flutter/material.dart';

final _random = Random();

void main() => runApp(const BackdropFilterDemo());

class BackdropFilterDemo extends StatelessWidget {
  const BackdropFilterDemo({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.white,
        body: Stack(
          children: [
            ListView.builder(
              itemCount: 120, // 60 pairs of red and blue containers
              itemBuilder: (context, index) {
                return Container(
                  height: 100,
                  color: index % 2 == 0 ? Colors.red : Colors.blue,
                );
              },
            ),
            Center(
              child: Container(
                width: 400,
                height: 400,
                decoration: BoxDecoration(
                  border: Border.all(color: Colors.black),
                ),
                child: Image.network('https://picsum.photos/400'),
              ),
            ),
            ListView.separated(
              separatorBuilder: (_, __) => const SizedBox(height: 8),
              itemBuilder: (context, index) => BlurEffect(
                child: SizedBox(
                  height: 50,
                  child: Center(
                    child: Text(index.toString(),
                        style: const TextStyle(color: Colors.white)),
                  ),
                ),
              ),
              itemCount: 200,
            ),
            Positioned.fill(
              bottom: null,
              child: BlurEffect(
                child: Padding(
                  padding: EdgeInsets.only(
                    top: MediaQuery.of(context).viewPadding.top,
                  ),
                  child: const SizedBox(height: 45),
                ),
              ),
            ),
            Positioned.fill(
              top: null,
              child: BlurEffect(
                child: Padding(
                  padding: EdgeInsets.only(
                    top: MediaQuery.of(context).viewPadding.bottom,
                  ),
                  child: const SizedBox(height: 50),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class BlurEffect extends StatelessWidget {
  final Widget child;

  const BlurEffect({
    required this.child,
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return ClipRect(
      child: BackdropFilter(
        filter: ImageFilter.blur(
          sigmaX: 40,
          sigmaY: 40,
          // tileMode: TileMode.mirror,
        ),
        child: DecoratedBox(
          decoration: BoxDecoration(color: Colors.black.withOpacity(.65)),
          child: child,
        ),
      ),
    );
  }
}

```

</details>


### Performance profiling on master channel

- [X] The issue still persists on the master channel

### Timeline Traces

<details open><summary>Timeline Traces JSON</summary>


[dart_devtools_2024-10-09_17_44_11.423.json.zip](https://github.com/user-attachments/files/17305258/dart_devtools_2024-10-09_17_44_11.423.json.zip)


</details>


### Video demonstration

<details open>
<summary>Video demonstration</summary>

- Impeller

https://github.com/user-attachments/assets/c20c344f-d954-4549-9541-1ecbd3f6321d

(devtool)
<img width="1512" alt="impellerTest" src="https://github.com/user-attachments/assets/8f1da77b-5a57-4127-aece-37fd85f04b23">

- Skia

https://github.com/user-attachments/assets/36831d37-6b2c-4ed0-8a9b-e127f1d52d4e

(devtool)
<img width="1512" alt="skiaTest" src="https://github.com/user-attachments/assets/c1977377-edc0-4f93-9fbf-29a3d5a74d98">

</details>


### What target platforms are you seeing this bug on?

iOS

### OS/Browser name and version | Device information

Target OS version/browser: 16.1.2
Devices: iPhone X

### Does the problem occur on emulator/simulator as well as on physical devices?

Unknown

### Is the problem only reproducible with Impeller?

Yes

### Logs

<details open><summary>Logs</summary>


[log.txt.zip](https://github.com/user-attachments/files/17306358/log.txt.zip)

</details>


### Flutter Doctor output

<details open><summary>Doctor output</summary>

```console
[✓] Flutter (Channel master, 3.26.0-1.0.pre.414, on macOS 14.3 23D56 darwin-arm64, locale ja-JP)
    • Flutter version 3.26.0-1.0.pre.414 on channel master at /Users/harukaoki/development/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision c077b8c61a (9 hours ago), 2024-10-08 19:51:19 -0400
    • Engine revision 0e7344ae24
    • Dart version 3.6.0 (build 3.6.0-332.0.dev)
    • DevTools version 2.40.0

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
    • Android SDK at /Users/harukaoki/Library/Android/sdk
    • Platform android-35, build-tools 33.0.0
    • Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 17.0.10+0-17.0.10b1087.21-11609105)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 15.4)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 15F31d
    • CocoaPods version 1.15.2

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2024.1)
    • 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 17.0.10+0-17.0.10b1087.21-11609105)

[✓] VS Code (version 1.94.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.98.0

[✓] Connected device (5 available)
    • iPhoneX (mobile)                • 4ea2bc0bd4b563471b21892e371a3b307a3bb363 • ios            • iOS 16.1.2 20B110
    • iPhone (8) (mobile)             • 00008020-001124CE3CE9002E                • ios            • iOS 17.6.1 21G93
    • macOS (desktop)                 • macos                                    • darwin-arm64   • macOS 14.3 23D56 darwin-arm64
    • Mac Designed for iPad (desktop) • mac-designed-for-ipad                    • darwin         • macOS 14.3 23D56 darwin-arm64
    • Chrome (web)                    • chrome                                   • web-javascript • Google Chrome 129.0.6668.91

[✓] Network resources
    • All expected network resources are available.

• No issues found!
```

</details>