[web] canvaskit performance issue #88704
Description
Details
-
To reproduce: put scaled images in a Stack wrapped with an InteractiveViewer (see gist)
The problem is that the performance is fine on macOS desktop target, however on Chrome with canvaskit, the performance really suffers.
Test was done with--releaseand--web-renderer canvaskit
**Target Platform: macOS / Web
**Target OS version/browser: 11.5.2 / 92
Logs
Logs
[✓] Flutter (Channel master, 2.5.0-7.0.pre.188, on macOS 11.5.2 20G95 darwin-arm, locale en-BE)
• Flutter version 2.5.0-7.0.pre.188 at /Users/laurens/Library/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 369a0e2bc0 (65 minutes ago), 2021-08-23 09:17:04 -0400
• Engine revision 710af46d53
• Dart version 2.15.0 (build 2.15.0-42.0.dev)
[!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
• Android SDK at /Users/laurens/Library/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/macos#android-setup for more details.
[✓] Xcode - develop for iOS and macOS (Xcode 12.5.1)
• Xcode at /Applications/Xcode.app/Contents/Developer
• CocoaPods version 1.10.2
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 4.2)
• Android Studio at /Applications/Android Studio 4.2 Preview.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.8+10-b944.6916264)
[✓] Connected device (2 available)
• macOS (desktop) • macos • darwin-arm64 • macOS 11.5.2 20G95 darwin-arm
• Chrome (web) • chrome • web-javascript • Google Chrome 92.0.4515.159
! Doctor found issues in 1 category.Metadata
Metadata
Assignees
Labels
High-priority issues at the top of the work listLoading, displaying, rendering imagesRelates to speed or footprint issues (see "perf:" labels)CanvasKit (a.k.a. Skia-on-WebGL) rendering backend for Webflutter/engine related. See also e: labels.Found to occur in 2.2Found to occur in 2.5The issue has been confirmed reproducible and is ready to work onWeb applications specificallyIssue is closed as already fixed in a newer version