RESOLVED FIXED 282267
Same-document View Transitions Performance Janky with Many Elements 
https://bugs.webkit.org/show_bug.cgi?id=282267
Summary Same-document View Transitions Performance Janky with Many Elements
Nick Coury
Reported 2024-10-29 12:24:36 PDT
With a large number of shared elements, performance on Safari becomes extremely slow and janky with a minimal frame rate, even with default transitions and no custom styling. This is in contrast to Chrome where the animation is smooth overall. Demo: https://codepen.io/Nick-Coury/pen/MWNVXog Reproduction: Click the demo tiles to initiate view transitions. Videos were taken on a 2023 16-Inch MacBook Pro M3 Pro. Chrome: https://photos.app.goo.gl/rbXxi7xuX95QQtsc7 Safari: https://photos.app.goo.gl/KodarEu3ssJ6Jn449
Attachments
Screen recording as of 286382@main (3.40 MB, video/quicktime)
2024-11-11 00:07 PST, Tim Nguyen (:ntim) 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2024-10-30 19:37:17 PDT
<rdar://problem/138966650>
Tim Nguyen (:ntim)
Comment 2 2024-11-10 23:55:41 PST
*** Bug 275742 has been marked as a duplicate of this bug. ***
Tim Nguyen (:ntim)
Comment 3 2024-11-11 00:07:48 PST
Created attachment 473191 [details] Screen recording as of 286382@main The performance has massively improved as of 286382@main with all of Matt's optimizations landed. There's still a few more optimizations to be landed, but I wanted to provide an update. :)
Matt Woodrow
Comment 4 2024-11-13 12:56:00 PST
I'm going to call this done now. Always still more things that could be faster, but it's a huge improvement over the old state and animation plays smoothly.
Nick Coury
Comment 5 2024-12-18 06:31:34 PST
Thank you! Testing on the latest STP v209, performance looks similar to Chrome - https://photos.app.goo.gl/HZbsqSVSqV5Ck2kP9
Note You need to log in before you can comment on or make changes to this bug.