Bug 282267

Summary: Same-document View Transitions Performance Janky with Many Elements
Product: WebKit Reporter: Nick Coury <ncoury>
Component: AnimationsAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: bramus, graouts, karlcow, mattwoodrow, nicole, ntim, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: Mac (Apple Silicon)   
OS: macOS 15   
Bug Depends on: 282077, 282375, 282376, 282377, 282410, 282424, 282448, 282676, 282727    
Bug Blocks:    
Attachments:
Description Flags
Screen recording as of 286382@main none

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.