Skip to content

Severe performance regression on Firefox in v. 3.19 #145563

@kristoffer-zliide

Description

@kristoffer-zliide

Steps to reproduce

Use a website built with Flutter 3.19.0 or later in Firefox.

Code sample

Code sample
$ flutter create --sample=widgets.ListView.7 .
$ flutter build web --no-pub --no-native-null-assertions --pwa-strategy none --no-web-resources-cdn

I've built ListView.7 sample on versions 3.16.9, 3.19.0, and 3.19.4 using the html and canvaskit renderers:

https://zliide.github.io/flutter_web_perf/3.16.9-canvaskit/
https://zliide.github.io/flutter_web_perf/3.16.9-html/
https://zliide.github.io/flutter_web_perf/3.19.0-9.0.pre-canvaskit/
https://zliide.github.io/flutter_web_perf/3.19.0-9.0.pre-html/
https://zliide.github.io/flutter_web_perf/3.19.0-canvaskit/
https://zliide.github.io/flutter_web_perf/3.19.0-html/
https://zliide.github.io/flutter_web_perf/3.19.4-canvaskit/
https://zliide.github.io/flutter_web_perf/3.19.4-html/

Try opening them in Firefox, scroll up and down a bit, and see if you can spot a pattern.

Performance profiling on master channel

  • The issue still persists on the master channel

Timeline Traces

Timeline Traces JSON

N/A; flutter run doesn't work with Firefox.

Video demonstration

Video demonstration

[Upload media here]

What target platforms are you seeing this bug on?

Web

OS/Browser name and version | Device information

Firefox v123

Does the problem occur on emulator/simulator as well as on physical devices?

Unknown

Is the problem only reproducible with Impeller?

N/A

Logs

Logs
[Paste your logs here]

Flutter Doctor output

Doctor output
$ flutter doctor -v
[✓] Flutter (Channel stable, 3.19.3, on Microsoft Windows [Version 10.0.22631.3296], locale ...)
    • Flutter version 3.19.3 on channel stable at C:\Users\...
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision ba39319843 (2 weeks ago), 2024-03-07 15:22:21 -0600
    • Engine revision 2e4ba9c6fb
    • Dart version 3.3.1
    • DevTools version 2.31.1

[✓] Windows Version (Installed version of Windows is version 10 or higher)

[!] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
    • Android SDK at C:\Users\...\AppData\Local\Android\sdk
    ✗ cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/windows#android-setup for more details.

[✗] Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.

[✓] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.4.5)
    • Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Community
    • Visual Studio Community 2022 version 17.4.33403.182
    • Windows 10 SDK version 10.0.22000.0

[✓] Android Studio (version 2023.2)
    • Android Studio at C:\Program Files\Android\Android Studio
    • 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.9+0--11185874)

[✓] VS Code (version 1.87.2)
    • VS Code
    • Flutter extension version 3.84.0

[✓] Network resources
    • All expected network resources are available.

! Doctor found issues in 2 categories.

Metadata

Metadata

Labels

P0Critical issues such as a build break or regressiona: gamedevIssues related to game development with Flutterbrowser: firefoxonly manifests in Firefoxc: performanceRelates to speed or footprint issues (see "perf:" labels)customer: crowdAffects or could affect many people, though not necessarily a specific customer.f: scrollingViewports, list views, slivers, etc.frameworkflutter/packages/flutter repository. See also f: labels.platform-webWeb applications specificallyr: fixedIssue is closed as already fixed in a newer versionteam-webOwned by Web platform teamtriaged-webTriaged by Web platform team

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions